/* GENERATED by `php bin/console app:design:tokens` from design/tokens.json. Do not edit by hand. */

:root {
    --surface-page: #f5f5f7;
    --surface-page-rgb: 245, 245, 247;
    --surface: #ffffff;
    --surface-rgb: 255, 255, 255;
    --surface-sunken: #efeff2;
    --surface-sunken-rgb: 239, 239, 242;
    --surface-glass: rgba(255,255,255,0.78);
    --border: #e3e3e8;
    --border-rgb: 227, 227, 232;
    --border-control: #8a8a8f;
    --border-control-rgb: 138, 138, 143;
    --ink: #1d1d1f;
    --ink-rgb: 29, 29, 31;
    --ink-muted: #5e5e63;
    --ink-muted-rgb: 94, 94, 99;
    --ink-subtle: #6e6e73;
    --ink-subtle-rgb: 110, 110, 115;
    --brand: #0066cc;
    --brand-rgb: 0, 102, 204;
    --brand-hover: #0055ab;
    --brand-hover-rgb: 0, 85, 171;
    --on-brand: #ffffff;
    --on-brand-rgb: 255, 255, 255;
    --brand-text: #0066cc;
    --brand-text-rgb: 0, 102, 204;
    --brand-soft: #e8f1fd;
    --brand-soft-rgb: 232, 241, 253;
    --accent: #0d7368;
    --accent-rgb: 13, 115, 104;
    --accent-soft: #e3f3f0;
    --accent-soft-rgb: 227, 243, 240;
    --chart-1: #2a78d6;
    --chart-1-rgb: 42, 120, 214;
    --chart-2: #eb6834;
    --chart-2-rgb: 235, 104, 52;
    --chart-3: #1baf7a;
    --chart-3-rgb: 27, 175, 122;
    --chart-muted: #aeaeb2;
    --chart-muted-rgb: 174, 174, 178;
    --chart-grid: #ececf0;
    --chart-grid-rgb: 236, 236, 240;
    --focus: var(--brand-text);
    --ad-surface: var(--surface-sunken);
    --info: #1d5fa8;
    --info-rgb: 29, 95, 168;
    --info-soft: #e8f1fb;
    --info-soft-rgb: 232, 241, 251;
    --success: #1f7a43;
    --success-rgb: 31, 122, 67;
    --success-soft: #e6f4ea;
    --success-soft-rgb: 230, 244, 234;
    --warning: #8a5800;
    --warning-rgb: 138, 88, 0;
    --warning-soft: #fff3d6;
    --warning-soft-rgb: 255, 243, 214;
    --danger: #b42318;
    --danger-rgb: 180, 35, 24;
    --danger-soft: #fdecea;
    --danger-soft-rgb: 253, 236, 234;
    --shadow-control: 0 1px 2px rgba(0,0,0,0.10), 0 0 0 0.5px rgba(0,0,0,0.04);
    --shadow-panel: 0 1px 2px rgba(0,0,0,0.04), 0 8px 24px rgba(0,0,0,0.06);
    --shadow-hover: 0 4px 16px rgba(0,0,0,0.08);
    --shadow-popover: 0 2px 6px rgba(0,0,0,0.06), 0 16px 40px rgba(0,0,0,0.16);
    --space-1: 4px;
    --space-2: 8px;
    --space-3: 12px;
    --space-4: 16px;
    --space-5: 20px;
    --space-6: 24px;
    --space-8: 32px;
    --space-10: 40px;
    --space-12: 48px;
    --space-16: 64px;
    --radius-xs: 6px;
    --radius-sm: 10px;
    --radius-md: 14px;
    --radius-lg: 16px;
    --radius-pill: 999px;
    --container-max: 1200px;
    --content-max: 760px;
    --sidebar-width: 300px;
    --measure: 68ch;
    --control-height: 48px;
    --z-header: 20;
    --z-popover: 40;
    --z-drawer: 60;
    --font-sans: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI Variable Text", "Segoe UI", system-ui, Roboto, "Helvetica Neue", Arial, sans-serif;
    --font-display: -apple-system, BlinkMacSystemFont, "SF Pro Display", "Segoe UI Variable Display", "Segoe UI", system-ui, Roboto, "Helvetica Neue", Arial, sans-serif;
    --font-mono: ui-monospace, "SF Mono", SFMono-Regular, "Cascadia Code", Menlo, Consolas, monospace;
    --font-serif: ui-serif, "New York", "Iowan Old Style", Charter, Georgia, serif;
}

[data-site="platform"] {
    --brand: #0066cc;
    --brand-rgb: 0, 102, 204;
    --brand-hover: #0055ab;
    --brand-hover-rgb: 0, 85, 171;
    --on-brand: #ffffff;
    --on-brand-rgb: 255, 255, 255;
    --brand-text: #0066cc;
    --brand-text-rgb: 0, 102, 204;
    --brand-soft: #e8f1fd;
    --brand-soft-rgb: 232, 241, 253;
    --accent: #0d7368;
    --accent-rgb: 13, 115, 104;
    --accent-soft: #e3f3f0;
    --accent-soft-rgb: 227, 243, 240;
    --chart-1: #2a78d6;
    --chart-1-rgb: 42, 120, 214;
    --chart-2: #eb6834;
    --chart-2-rgb: 235, 104, 52;
    --chart-3: #1baf7a;
    --chart-3-rgb: 27, 175, 122;
    --focus: var(--brand-text);
}

[data-site="symfony"] {
    --brand: #0b6e4f;
    --brand-rgb: 11, 110, 79;
    --brand-hover: #08573e;
    --brand-hover-rgb: 8, 87, 62;
    --on-brand: #ffffff;
    --on-brand-rgb: 255, 255, 255;
    --brand-text: #0b6e4f;
    --brand-text-rgb: 11, 110, 79;
    --brand-soft: #e4f3ec;
    --brand-soft-rgb: 228, 243, 236;
    --accent: #0b6b85;
    --accent-rgb: 11, 107, 133;
    --accent-soft: #e2f1f5;
    --accent-soft-rgb: 226, 241, 245;
    --chart-1: #1baf7a;
    --chart-1-rgb: 27, 175, 122;
    --chart-2: #2a78d6;
    --chart-2-rgb: 42, 120, 214;
    --chart-3: #eb6834;
    --chart-3-rgb: 235, 104, 52;
    --focus: var(--brand-text);
}

[data-site="running"] {
    --brand: #c43c12;
    --brand-rgb: 196, 60, 18;
    --brand-hover: #a23110;
    --brand-hover-rgb: 162, 49, 16;
    --on-brand: #ffffff;
    --on-brand-rgb: 255, 255, 255;
    --brand-text: #b8380f;
    --brand-text-rgb: 184, 56, 15;
    --brand-soft: #fdece6;
    --brand-soft-rgb: 253, 236, 230;
    --accent: #1c4f91;
    --accent-rgb: 28, 79, 145;
    --accent-soft: #e7eef8;
    --accent-soft-rgb: 231, 238, 248;
    --chart-1: #d2501f;
    --chart-1-rgb: 210, 80, 31;
    --chart-2: #2a78d6;
    --chart-2-rgb: 42, 120, 214;
    --chart-3: #1baf7a;
    --chart-3-rgb: 27, 175, 122;
    --focus: var(--brand-text);
}

[data-site="beekeeping"] {
    --brand: #e8a317;
    --brand-rgb: 232, 163, 23;
    --brand-hover: #d18f0a;
    --brand-hover-rgb: 209, 143, 10;
    --on-brand: #1b1b19;
    --on-brand-rgb: 27, 27, 25;
    --brand-text: #855000;
    --brand-text-rgb: 133, 80, 0;
    --brand-soft: #fbf1dc;
    --brand-soft-rgb: 251, 241, 220;
    --accent: #3d6b26;
    --accent-rgb: 61, 107, 38;
    --accent-soft: #eaf2e2;
    --accent-soft-rgb: 234, 242, 226;
    --chart-1: #e39a00;
    --chart-1-rgb: 227, 154, 0;
    --chart-2: #2a78d6;
    --chart-2-rgb: 42, 120, 214;
    --chart-3: #3f8a2a;
    --chart-3-rgb: 63, 138, 42;
    --focus: var(--brand-text);
}

/* Dark mode: follows the system setting unless the page forces light (data-mode="light"); data-mode="dark" forces dark. */
@media (prefers-color-scheme: dark) {
    :root:not([data-mode="light"]), :root:not([data-mode="light"]) [data-site] {
        --surface-page: #161618;
        --surface-page-rgb: 22, 22, 24;
        --surface: #1e1e20;
        --surface-rgb: 30, 30, 32;
        --surface-sunken: #2c2c2e;
        --surface-sunken-rgb: 44, 44, 46;
        --surface-glass: rgba(30,30,32,0.78);
        --border: #38383b;
        --border-rgb: 56, 56, 59;
        --border-control: #7c7c80;
        --border-control-rgb: 124, 124, 128;
        --ink: #f5f5f7;
        --ink-rgb: 245, 245, 247;
        --ink-muted: #aeaeb2;
        --ink-muted-rgb: 174, 174, 178;
        --ink-subtle: #98989d;
        --ink-subtle-rgb: 152, 152, 157;
        --brand: #4c9bff;
        --brand-rgb: 76, 155, 255;
        --brand-hover: #78b3ff;
        --brand-hover-rgb: 120, 179, 255;
        --on-brand: #0b1a33;
        --on-brand-rgb: 11, 26, 51;
        --brand-text: #7fb6ff;
        --brand-text-rgb: 127, 182, 255;
        --brand-soft: #1a2a42;
        --brand-soft-rgb: 26, 42, 66;
        --accent: #5cc4b6;
        --accent-rgb: 92, 196, 182;
        --accent-soft: #15302c;
        --accent-soft-rgb: 21, 48, 44;
        --chart-1: #3987e5;
        --chart-1-rgb: 57, 135, 229;
        --chart-2: #d95926;
        --chart-2-rgb: 217, 89, 38;
        --chart-3: #199e70;
        --chart-3-rgb: 25, 158, 112;
        --chart-muted: #636366;
        --chart-muted-rgb: 99, 99, 102;
        --chart-grid: #2e2e31;
        --chart-grid-rgb: 46, 46, 49;
        --focus: var(--brand-text);
        --info: #8fbcf0;
        --info-rgb: 143, 188, 240;
        --info-soft: #17263a;
        --info-soft-rgb: 23, 38, 58;
        --success: #7fd09b;
        --success-rgb: 127, 208, 155;
        --success-soft: #142b1d;
        --success-soft-rgb: 20, 43, 29;
        --warning: #f0c060;
        --warning-rgb: 240, 192, 96;
        --warning-soft: #33280f;
        --warning-soft-rgb: 51, 40, 15;
        --danger: #f39b91;
        --danger-rgb: 243, 155, 145;
        --danger-soft: #3a1715;
        --danger-soft-rgb: 58, 23, 21;
        --shadow-control: 0 1px 2px rgba(0,0,0,0.5);
        --shadow-panel: 0 0 0 1px rgba(255,255,255,0.04), 0 8px 24px rgba(0,0,0,0.4);
        --shadow-hover: 0 4px 16px rgba(0,0,0,0.5);
        --shadow-popover: 0 0 0 1px rgba(255,255,255,0.06), 0 16px 40px rgba(0,0,0,0.6);
    }
}

[data-mode="dark"], [data-mode="dark"] [data-site] {
    --surface-page: #161618;
    --surface-page-rgb: 22, 22, 24;
    --surface: #1e1e20;
    --surface-rgb: 30, 30, 32;
    --surface-sunken: #2c2c2e;
    --surface-sunken-rgb: 44, 44, 46;
    --surface-glass: rgba(30,30,32,0.78);
    --border: #38383b;
    --border-rgb: 56, 56, 59;
    --border-control: #7c7c80;
    --border-control-rgb: 124, 124, 128;
    --ink: #f5f5f7;
    --ink-rgb: 245, 245, 247;
    --ink-muted: #aeaeb2;
    --ink-muted-rgb: 174, 174, 178;
    --ink-subtle: #98989d;
    --ink-subtle-rgb: 152, 152, 157;
    --brand: #4c9bff;
    --brand-rgb: 76, 155, 255;
    --brand-hover: #78b3ff;
    --brand-hover-rgb: 120, 179, 255;
    --on-brand: #0b1a33;
    --on-brand-rgb: 11, 26, 51;
    --brand-text: #7fb6ff;
    --brand-text-rgb: 127, 182, 255;
    --brand-soft: #1a2a42;
    --brand-soft-rgb: 26, 42, 66;
    --accent: #5cc4b6;
    --accent-rgb: 92, 196, 182;
    --accent-soft: #15302c;
    --accent-soft-rgb: 21, 48, 44;
    --chart-1: #3987e5;
    --chart-1-rgb: 57, 135, 229;
    --chart-2: #d95926;
    --chart-2-rgb: 217, 89, 38;
    --chart-3: #199e70;
    --chart-3-rgb: 25, 158, 112;
    --chart-muted: #636366;
    --chart-muted-rgb: 99, 99, 102;
    --chart-grid: #2e2e31;
    --chart-grid-rgb: 46, 46, 49;
    --focus: var(--brand-text);
    --info: #8fbcf0;
    --info-rgb: 143, 188, 240;
    --info-soft: #17263a;
    --info-soft-rgb: 23, 38, 58;
    --success: #7fd09b;
    --success-rgb: 127, 208, 155;
    --success-soft: #142b1d;
    --success-soft-rgb: 20, 43, 29;
    --warning: #f0c060;
    --warning-rgb: 240, 192, 96;
    --warning-soft: #33280f;
    --warning-soft-rgb: 51, 40, 15;
    --danger: #f39b91;
    --danger-rgb: 243, 155, 145;
    --danger-soft: #3a1715;
    --danger-soft-rgb: 58, 23, 21;
    --shadow-control: 0 1px 2px rgba(0,0,0,0.5);
    --shadow-panel: 0 0 0 1px rgba(255,255,255,0.04), 0 8px 24px rgba(0,0,0,0.4);
    --shadow-hover: 0 4px 16px rgba(0,0,0,0.5);
    --shadow-popover: 0 0 0 1px rgba(255,255,255,0.06), 0 16px 40px rgba(0,0,0,0.6);
}