/* Layer order declaration */
@layer reset, tokens, base, components, utilities, variants, site;

/* Tokens */
@layer tokens {
  :root {
    --ffr-color-primary: #2d4668;
    --ffr-color-primary-dark: #20639b;
    --ffr-color-primary-light: #f0f9ff;
    --ffr-color-primary-alt: #485b6a;
    --ffr-color-divider: #e9e9e9;
    --ffr-color-gold: #f79e00;
    --ffr-color-red: #e50019;
    --ffr-color-secondary-blue: #72bffc;

    --ffr-color-text-main: #0f172a;
    --ffr-color-text-body: #000000;
    --ffr-color-text-muted: #64748b;
    --ffr-color-text-light: #94a3b8;
    --ffr-color-white: #fffeff;
     --ffr-color-bg-white: #fffeff;
    --ffr-color-bg-page: #ffffff;
    --ffr-color-bg-card: #ffffff;
    --ffr-color-border: #e2e8f0;
    --ffr-input-background: #fbfbfb;

    --ffr-color-cta: #f59e0b;
    --ffr-color-cta-hover: #d97706;

    --ffr-space-1: 0.25rem;
    --ffr-space-2: 0.5rem;
    --ffr-space-3: 0.75rem;
    --ffr-space-4: 1rem;
    --ffr-space-6: 1.5rem;
    --ffr-space-8: 2rem;
    --ffr-space-9: 3rem;
    --ffr-space-10: 4rem;

    --ffr-font-sans: "Poppins", system-ui, -apple-system, sans-serif;
    --ffr-font-family: "Poppins", system-ui, -apple-system, sans-serif;
    --ffr-text-sm: 0.875rem;
    --ffr-text-base: 1rem;
    --ffr-text-lg: 1.125rem;
    --ffr-text-xl: 1.25rem;
    --ffr-text-2xl: 1.5rem;
    --ffr-text-3xl: 1.875rem;

    --ffr-radius-sm: 0.25rem;
    --ffr-radius-md: 0.5rem;
    --ffr-radius-lg: 0.75rem;

    /* Image / logo sizing */
    --ffr-size-img-sm: 8rem;
    --ffr-size-img-md: 16rem;
    --ffr-size-img-lg: 24rem;

    /* Alert container max widths */
    --ffr-alert-max-w-sm: 42rem;
    --ffr-alert-max-w-md: 56rem;
    --ffr-alert-max-w-lg: 80rem;

    /* Radius */
    --ffr-radius-pill: 37px;

    /* Padding */
    --ffr-small-padding: 4px;

    /* Overlays */
    --ffr-blue-overlay: rgba(0, 26, 49, 0.88);

    /* Font Sizes */
    --ffr-font-size-large: 50px;
    --ffr-font-size-small: 22px;

   

    /* Generic text aliases used in newer BPs */
    --ffr-color-text: var(--ffr-color-text-main);
    --ffr-color-text-subtle: var(--ffr-color-text-muted);
    --ffr-color-link: var(--ffr-color-primary);

    /* Surface / on-color aliases */
    --ffr-color-surface: var(--ffr-color-bg-card);
    --ffr-color-on-primary: var(--ffr-color-white);

    /* Extra spacing that some components expect */
    --ffr-space-5: 1.25rem;
    --ffr-space-7: 1.75rem;

    /* Radius aliases used by some components */
    --ffr-radius-1: var(--ffr-radius-sm);
    --ffr-radius-2: var(--ffr-radius-md);
    --ffr-radius-3: var(--ffr-radius-lg);

    /* Shadows used by components */
    --ffr-shadow-1: 0 1px 2px rgba(15, 23, 42, 0.06), 0 1px 1px rgba(15, 23, 42, 0.04);
    --ffr-shadow-2: 0 2px 12px rgba(15, 23, 42, 0.10);

    /* Type tokens */
    --ffr-type-h2: 700 var(--ffr-text-3xl) / 1.15 var(--ffr-font-family);
    --ffr-type-body: 400 var(--ffr-text-base) / 1.5 var(--ffr-font-family);
    --ffr-type-body-sm: 400 var(--ffr-text-sm) / 1.4 var(--ffr-font-family);
    --ffr-type-label: 700 0.75rem / 1 var(--ffr-font-family);
    --ffr-type-button: 700 0.875rem / 1 var(--ffr-font-family);
  }
}