@layer reset, tokens, base, layout, components, utilities, themes, legacy;

@layer tokens {
  :root {
    --fp-color-bg-page: #0f150e;
    --fp-color-bg-page-accent: #091009;
    --fp-color-bg-surface: #1e1e1e;
    --fp-color-bg-surface-raised: #2a2a2a;
    --fp-color-bg-surface-strong: #30372e;
    --fp-color-text-primary: #e0e0e0;
    --fp-color-text-muted: #9e9e9e;
    --fp-color-text-inverse: #0c0e0f;
    --fp-color-brand-primary: #28a745;
    --fp-color-brand-primary-strong: #66df75;
    --fp-color-brand-accent: #ffbf00;
    --fp-color-brand-accent-soft: rgba(255, 191, 0, .16);
    --fp-color-border-subtle: rgba(255, 255, 255, .12);
    --fp-color-border-strong: rgba(255, 255, 255, .24);
    --fp-color-status-success: #28a745;
    --fp-color-status-warning: #ffbf00;
    --fp-color-status-danger: #e74c3c;
    --fp-color-status-info: #60a5fa;
    --fp-color-status-neutral: #94a3b8;
    --fp-space-0: 0;
    --fp-space-1: .25rem;
    --fp-space-2: .5rem;
    --fp-space-3: .75rem;
    --fp-space-4: 1rem;
    --fp-space-5: 1.5rem;
    --fp-space-6: 2rem;
    --fp-space-7: 3rem;
    --fp-space-8: 4rem;
    --fp-radius-sm: .25rem;
    --fp-radius-md: .5rem;
    --fp-radius-lg: .5rem;
    --fp-radius-xl: .75rem;
    --fp-radius-pill: 999px;
    --fp-font-body: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    --fp-font-heading: Inter, ui-sans-serif, system-ui, sans-serif;
    --fp-text-xs: .75rem;
    --fp-text-sm: .875rem;
    --fp-text-md: 1rem;
    --fp-text-lg: 1.125rem;
    --fp-text-xl: 1.5rem;
    --fp-text-2xl: 2rem;
    --fp-text-3xl: 3rem;
    --fp-leading-tight: 1.15;
    --fp-leading-body: 1.55;
    --fp-shadow-soft: 0 12px 40px rgba(0, 0, 0, .24);
    --fp-shadow-focus: 0 0 0 3px rgba(40, 167, 69, .34);
    --fp-shell-header-height: 4rem;
    --fp-shell-sidebar-width: 16rem;
    --fp-content-max: 1200px;
    --fp-admin-content-max: 1440px;
    --fp-bp-sm: 480px;
    --fp-bp-md: 768px;
    --fp-bp-lg: 1024px;
    --fp-bp-xl: 1280px;
    --fp-z-header: 100;
    --fp-z-dropdown: 200;
    --fp-z-dialog: 300;
    --fp-z-toast: 400;
  }
}