/*
 * Tokens de design exclusivos da nova Home (docs/03, new/PLANO_HOME.md §12).
 * Isolados sob :root/[data-theme] mas só consumidos por seletores .home-page
 * em home.css — não redefinem nada usado pelas páginas internas (app.css).
 */
:root {
    --brand-blue-500: #4A90E2;
    --brand-yellow-500: #F5A623;

    --brand-blue-700: #2563A8;
    --brand-blue-800: #1E4F8A;
    --brand-blue-900: #173A63;

    --brand-yellow-700: #B56A00;
    --brand-yellow-800: #8A4B00;

    --home-neutral-0: #FFFFFF;
    --home-neutral-50: #F8FAFC;
    --home-neutral-100: #F1F5F9;
    --home-neutral-200: #E2E8F0;
    --home-neutral-300: #CBD5E1;
    --home-neutral-400: #94A3B8;
    --home-neutral-500: #64748B;
    --home-neutral-600: #475569;
    --home-neutral-700: #334155;
    --home-neutral-800: #1E293B;
    --home-neutral-900: #111827;
    --home-neutral-950: #0F172A;

    --home-success: #15803D;
    --home-warning: #B45309;

    --home-color-page: var(--home-neutral-0);
    --home-color-surface: var(--home-neutral-0);
    --home-color-surface-muted: var(--home-neutral-50);
    --home-color-surface-blue: #EFF6FF;
    --home-color-surface-yellow: #FFF8E7;

    --home-color-text: var(--home-neutral-950);
    --home-color-text-secondary: var(--home-neutral-600);
    --home-color-text-subtle: var(--home-neutral-500);

    --home-color-border: var(--home-neutral-200);
    --home-color-border-strong: var(--home-neutral-300);

    --home-color-primary: var(--brand-blue-700);
    --home-color-primary-hover: var(--brand-blue-800);
    --home-color-primary-active: var(--brand-blue-900);
    --home-color-on-primary: var(--home-neutral-0);

    --home-color-accent: var(--brand-yellow-500);
    --home-color-accent-hover: #E89712;
    --home-color-on-accent: var(--home-neutral-950);

    --home-color-link: #245C9B;
    --home-color-link-hover: var(--brand-blue-900);
    --home-color-focus: var(--brand-blue-700);

    --home-font-primary:
        "Plus Jakarta Sans",
        Inter,
        system-ui,
        -apple-system,
        BlinkMacSystemFont,
        "Segoe UI",
        sans-serif;
    --home-font-mono:
        "Cascadia Code",
        "SFMono-Regular",
        Consolas,
        "Liberation Mono",
        monospace;

    --home-weight-regular: 400;
    --home-weight-medium: 500;
    --home-weight-semibold: 600;
    --home-weight-bold: 700;
    --home-weight-extrabold: 800;

    --home-text-xs: 0.875rem;
    --home-text-sm: 0.9375rem;
    --home-text-base: 1rem;
    --home-text-lg: 1.125rem;
    --home-text-xl: 1.25rem;

    --home-text-h3: clamp(1.25rem, 1.15rem + 0.5vw, 1.5rem);
    --home-text-h2: clamp(1.75rem, 1.45rem + 1.3vw, 2.25rem);
    --home-text-h1: clamp(2rem, 1.35rem + 3vw, 3.5rem);

    --home-line-tight: 1.12;
    --home-line-heading: 1.2;
    --home-line-body: 1.65;

    --home-space-1: 0.25rem;
    --home-space-2: 0.5rem;
    --home-space-3: 0.75rem;
    --home-space-4: 1rem;
    --home-space-5: 1.5rem;
    --home-space-6: 2rem;
    --home-space-7: 2.5rem;
    --home-space-8: 3rem;
    --home-space-9: 4rem;
    --home-space-10: 5rem;
    --home-space-11: 6rem;

    --home-content-max: 75rem;
    --home-content-readable: 44rem;

    --home-header-height: 4.75rem;

    --home-radius-sm: 0.5rem;
    --home-radius-md: 0.75rem;
    --home-radius-lg: 1rem;
    --home-radius-xl: 1.5rem;
    --home-radius-pill: 999px;

    --home-shadow-sm:
        0 4px 12px -6px rgb(15 23 42 / 0.16),
        0 1px 3px rgb(15 23 42 / 0.08);
    --home-shadow-md:
        0 16px 32px -18px rgb(15 23 42 / 0.25),
        0 4px 10px -6px rgb(15 23 42 / 0.12);
    --home-shadow-lg: 0 24px 56px -28px rgb(15 23 42 / 0.32);

    --home-duration-fast: 150ms;
    --home-duration-normal: 220ms;

    --home-ease-standard: cubic-bezier(0.2, 0, 0, 1);

    --home-z-header: 100;
    --home-z-overlay: 190;
    --home-z-drawer: 200;
}

html[data-theme="dark"] {
    --home-color-page: #0B1220;
    --home-color-surface: #111827;
    --home-color-surface-muted: #172033;
    --home-color-surface-blue: #10243E;
    --home-color-surface-yellow: #2B2111;

    --home-color-text: #F8FAFC;
    --home-color-text-secondary: #CBD5E1;
    --home-color-text-subtle: #A8B4C7;

    --home-color-border: #334155;
    --home-color-border-strong: #475569;

    --home-color-primary: #2563A8;
    --home-color-primary-hover: #3376BE;
    --home-color-primary-active: #4A90E2;
    --home-color-on-primary: #FFFFFF;

    --home-color-accent: #F5A623;
    --home-color-accent-hover: #FFB63D;
    --home-color-on-accent: #0F172A;

    --home-color-link: #75B0F2;
    --home-color-link-hover: #A7CFFF;
    --home-color-focus: #F5A623;
}