@layer base, shell, components, archetypes;
@font-face {
  font-family: "Inter";
  src: url("fonts/Inter-var-latin.woff2") format("woff2");
  font-weight: 400 700;
  font-style: normal;
  font-display: swap;
  size-adjust: 87.5%;
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6,
    U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122,
    U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Inter";
  src: url("fonts/Inter-var-latin-ext.woff2") format("woff2");
  font-weight: 400 700;
  font-style: normal;
  font-display: swap;
  size-adjust: 87.5%;
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7,
    U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F,
    U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F,
    U+A720-A7FF;
}
@font-face {
  font-family: "Barlow";
  src: url("fonts/Barlow-400-latin.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6,
    U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122,
    U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Barlow";
  src: url("fonts/Barlow-600-latin.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6,
    U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122,
    U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Barlow Condensed";
  src: url("fonts/BarlowCondensed-600-latin.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6,
    U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122,
    U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Barlow Condensed";
  src: url("fonts/BarlowCondensed-700-latin.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6,
    U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122,
    U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Barlow";
  src: url("fonts/Barlow-400-latin-ext.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7,
    U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F,
    U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F,
    U+A720-A7FF;
}
@font-face {
  font-family: "Barlow";
  src: url("fonts/Barlow-600-latin-ext.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7,
    U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F,
    U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F,
    U+A720-A7FF;
}
@font-face {
  font-family: "Barlow Condensed";
  src: url("fonts/BarlowCondensed-600-latin-ext.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7,
    U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F,
    U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F,
    U+A720-A7FF;
}
@font-face {
  font-family: "Barlow Condensed";
  src: url("fonts/BarlowCondensed-700-latin-ext.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7,
    U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F,
    U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F,
    U+A720-A7FF;
}
:root {
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 1rem;
  --space-4: 1.5rem;
  --space-5: 2.5rem;
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 16px;
  --radius-pill: 999px;
  --radius-nav: 10px;
  --field-height: 40px;
  --field-radius: 6px;
  --font-sans: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --font-cond: var(--font-sans);
  --ty-display: "Barlow Condensed", "Barlow Semi Condensed", "Arial Narrow", var(--font-sans);
  --font-print-cond: "Barlow Condensed", "Barlow Semi Condensed", "Arial Narrow", var(--font-sans);
  --inter-scale: 0.875;
  --t-1: calc(0.75rem / var(--inter-scale));
  --t-2: calc(0.875rem / var(--inter-scale));
  --t-3: calc(1rem / var(--inter-scale));
  --t-4: calc(1rem / var(--inter-scale));
  --t-5: calc(1.0625rem / var(--inter-scale));
  --t-6: 1.625rem;
  --t-7: 1.375rem;
  --ty-lh-body: 22px;
  --type-screen: 700 var(--t-7) / 1.2 var(--ty-display);
  --type-section: 600 var(--t-5) / 1.3 var(--font-sans);
  --type-title: 600 var(--t-4) / 1.35 var(--font-sans);
  --type-eyebrow: 600 var(--t-1) / 1.3 var(--font-sans);
  --type-eyebrow-ls: 0;
  --type-thead: 600 var(--t-1) / 1.3 var(--font-sans);
  --type-thead-ls: 0;
  --type-body: 400 var(--t-3) / var(--ty-lh-body) var(--font-sans);
  --type-body-strong: 600 var(--t-3) / var(--ty-lh-body) var(--font-sans);
  --type-label: 500 var(--t-2) / 1.35 var(--font-sans);
  --type-label-ls: 0;
  --type-caption: 400 var(--t-1) / 1.35 var(--font-sans);
  --type-figure: 700 var(--t-6) / 1 var(--ty-display);
  --type-figure-sm: 700 1.25rem / 1.1 var(--ty-display);
  --type-figure-cell: 600 var(--t-3) / 1.3 var(--font-sans);
  --type-button: 500 var(--t-3) / 1 var(--font-sans);
  --type-button-sm: 500 var(--t-2) / 1 var(--font-sans);
  --tp-1: 7.5pt;
  --tp-2: 9pt;
  --tp-3: 10.5pt;
  --tp-4: 12.5pt;
  --tp-5: 15pt;
  --tp-6: 18pt;
  --typep-screen: 600 var(--tp-6) / 1.1 var(--font-print-cond);
  --typep-section: 600 var(--tp-5) / 1.15 var(--font-print-cond);
  --typep-title: 600 var(--tp-4) / 1.2 var(--font-print-cond);
  --typep-eyebrow: 600 var(--tp-1) / 1.25 var(--font-print-cond);
  --typep-eyebrow-ls: 0.08em;
  --typep-body: 400 var(--tp-3) / 1.15 var(--font-sans);
  --typep-body-strong: 600 var(--tp-3) / 1.15 var(--font-sans);
  --typep-caption: 400 var(--tp-2) / 1.15 var(--font-sans);
  --text-measure: 80ch;
  --sidebar-width: 17.5rem;
  --app-sidebar-width: 16.5rem;
  --app-sidebar-width-collapsed: 4.5rem;
  --app-sidebar-inset: 0.75rem;
  --shell-header-height: 3.25rem;
  --bottom-nav-height: 3.75rem;
  --bottom-nav-gap: env(safe-area-inset-bottom, 0px);
  --bottom-nav-screen: min(100%, 100vw);
  --bottom-nav-off: calc(100% - var(--bottom-nav-screen));
  --bottom-nav-screen-height: min(100%, 100dvh);
  --bottom-nav-lift: calc(100% - var(--bottom-nav-screen-height));
  --bottom-nav-width: var(--bottom-nav-screen);
  --bottom-nav-space: calc(var(--bottom-nav-height) + var(--bottom-nav-gap) + var(--space-3));
  --shell-sheet-radius: 1rem;
  --shadow-sm: 0 1px 2px var(--shade-06);
  --shadow-md: 0 4px 10px var(--shade-08);
  --shadow-float: 0 8px 24px var(--shade-15);
  --color-bg: #F4F4F5;
  --color-surface: #FFFFFF;
  --color-text: #17181B;
  --color-text-muted: #5E626B;
  --color-border: #E2E3E6;
  --color-field-border: #C4C6CB;
  --color-border-strong: #CCCCCD;
  --color-primary: #24262B;
  --color-primary-strong: #000000;
  --color-primary-contrast: #FFFFFF;
  --color-primary-dark: #1F3F73;
  --color-primary-soft: #EEEFF1;
  --color-selected: #E9EFF8;
  --color-primary-ink: #24262B;
  --color-on-fill: #FFFFFF;
  --color-signature: #E2412A;
  --color-today-accent: #E2412A;
  --color-ok-bg: #E7F4EC;
  --color-ok-border: #2E9E5B;
  --color-ok-text: #1B6E3E;
  --color-warning-bg: #FFF5DB;
  --color-warning-border: #D49A0A;
  --color-warning-text: #74500A;
  --color-danger-bg: #FBEAF0;
  --color-danger-border: #B5174E;
  --color-danger-text: #9A1243;
  --color-neutral-dot: #8D9098;
  --color-kind-training: var(--color-ok-border);
  --color-kind-match: var(--color-text);
  --color-kind-event: var(--color-badge-text);
  --color-ai: #2F55D4;
  --color-ai-strong: #2343AE;
  --color-ai-ink: #2343AE;
  --color-ai-soft: #ECF0FC;
  --color-ai-line: #BCC9F2;
  --color-badge-bg: #EDE7F6;
  --color-badge-text: #4527A0;
  --color-camp-bg: #E8EDF6;
  --color-camp-text: #1F3F73;
  --shell-header-bg: #1C1E22;
  --shell-header-text: #ECEDEF;
  --shell-header-muted: #A3A6AD;
  --shell-header-line: rgb(255 255 255 / 18%);
  --shell-header-fill: rgb(255 255 255 / 6%);
  --sidebar-bg-top: #2A2C30;
  --sidebar-bg: #1C1E22;
  --sidebar-bg-bottom: #17181B;
  --sidebar-text: #C9CBD0;
  --sidebar-muted: #A3A6AD;
  --sidebar-label: #8D9098;
  --sidebar-strong: #ECEDEF;
  --sidebar-accent: #FF6B4E;
  --sidebar-accent-text: #ECEDEF;
  --sidebar-active-bg: rgb(255 255 255 / 9%);
  --sidebar-hover-bg: rgb(255 255 255 / 6%);
  --sidebar-border: rgb(255 255 255 / 8%);
  --sidebar-scrollbar: rgb(255 255 255 / 16%);
  --sidebar-avatar-bg: #2A2C30;
  --sidebar-avatar-line: rgb(255 255 255 / 16%);
  --sidebar-tip-bg: #101113;
  --sidebar-count: #D49A0A;
  --veil: rgb(15 16 18 / 42%);
  --shade-06: rgb(0 0 0 / 6%);
  --shade-08: rgb(0 0 0 / 8%);
  --shade-12: rgb(0 0 0 / 12%);
  --shade-15: rgb(0 0 0 / 15%);
  --shade-25: rgb(0 0 0 / 25%);
  --shade-35: rgb(0 0 0 / 35%);
  --swatch-line: rgb(0 0 0 / 15%);
  --paper: #FFFFFF;
  --paper-ink: #000000;
  --paper-ink-2: #444444;
  --paper-ink-3: #777777;
  --paper-rule: #999999;
  --paper-rule-soft: #CCCCCC;
  --paper-desk: #55585F;
  --paper-desk-text: #D3D6DC;
  --fam-tecnica: #2a78d6;
  --fam-costruzione: #eb6834;
  --fam-recupero: #1baf7a;
  --fam-transizione: #eda100;
  --fam-gioco: #e87ba4;
  --fam-atletica: #008300;
  --fam-portiere: #4a3aa7;
  --fase-verde: #1baf7a;
  --fase-arancio: #eda100;
  --fase-rosso: #e34948;
  --lvl-1: #86b6ef;
  --lvl-2: #3987e5;
  --lvl-3: #1c5cab;
  --lvl-4: #0d3566;
  --lvl-1-ink: #0b2440;
  --lvl-2-ink: #ffffff;
  --lvl-3-ink: #ffffff;
  --lvl-4-ink: #ffffff;
  --lvl-empty: #f0f1f4;
  --lvl-na: #fafbfc;
  --lvl-na-line: #e5e8ed;
  --lvl-na-key: #c9cfd8;
  --timeline-band-1: #F0F0F1;
  --timeline-band-2: #E4E5E7;
  --timeline-lane: #ECECEE;
  --timeline-cell: #F3F4F6;
  --timeline-line: #D8D9DC;
  --timeline-neutral-mark: #9A9C9F;
  --timeline-today: #17181B;
  --block-tone-1: #ece3d2;
  --block-tone-1-ink: #5f4d2e;
  --block-tone-2: #dde4ec;
  --block-tone-2-ink: #36475a;
  --block-tone-3: #dfe7da;
  --block-tone-3-ink: #475641;
  --block-tone-4: #e9dee6;
  --block-tone-4-ink: #5e4458;
  --block-tone-5: #eedbd2;
  --block-tone-5-ink: #6e4636;
  --census-0: #C7D3E8;
  --census-1: #9FB3D8;
  --census-2: #7290C4;
  --census-3: #456AA6;
  --census-4: #2B4D85;
  --census-5: #1A3360;
  --census-none: #D4D6DA;
  --census-out: #8D9098;
  --census-unknown: #A3A6AD;
  --census-gridline: #EDEEF0;
  --census-gridline-strong: #A3A6AD;
  --chart-2: #456AA6;
  --chart-other: #A7AAB0;
  --chart-split: #D4D6DA;
  --kpi-rule: #D4D6DA;
  --ideal-line: #C6C8CC;
  --note-bg: #F7F6F2;
  --note-line: #D9822B;
  --note-ink: #8A5A00;
  --projection-ok: #14532D;
  --marker-on: #F0C04D;
  --rung-track: #ECEDEF;
  --rung-bar: #C9CBD0;
  --strip-ink: #333333;
  --strip-track: #F2F3F5;
  --list-rule: #DDDDDD;
  --more-bg: #FAFBFC;
  --avatar-tint-casco: #3A3D44;
  --avatar-tint-stick: #A84B17;
  --avatar-tint-pattino: #3457A6;
  --avatar-tint-porta: #6B3FA0;
  --avatar-tint-pallina: #B0306A;
  --avatar-tint-fischietto: #3E6B3A;
  --team-1-bg: #dff3ec;
  --team-1-line: #9fd8c3;
  --team-1-ink: #0b5a45;
  --team-2-bg: #fdebd3;
  --team-2-line: #f2c486;
  --team-2-ink: #7a4206;
  --team-3-bg: #e5e9fb;
  --team-3-line: #aab6ef;
  --team-3-ink: #2c3a8c;
  --team-4-bg: #fbe1ec;
  --team-4-line: #eea8c5;
  --team-4-ink: #8a1d4b;
  --team-5-bg: #eef3d6;
  --team-5-line: #c6d48a;
  --team-5-ink: #4a5a0c;
  --team-6-bg: #e9e4f6;
  --team-6-line: #bcaee6;
  --team-6-ink: #4b2f86;
  --kind-match: #C2410C;
  --kind-camp: #047857;
  --kind-training: #2E9E5B;
  --group-blu-bg: #E8EFFC;
  --group-blu-line: #2F5FD0;
  --group-blu-ink: #1E4396;
  --group-rossa-bg: #FCEAE6;
  --group-rossa-line: #C8321E;
  --group-rossa-ink: #9C2412;
}
@media (min-width: 1024px) and (pointer: fine) {
  :root {
    --t-2: calc(0.8125rem / var(--inter-scale));
    --t-3: calc(0.875rem / var(--inter-scale));
    --t-4: calc(0.875rem / var(--inter-scale));
    --t-5: calc(1.125rem / var(--inter-scale));
    --t-6: 1.75rem;
    --t-7: 1.5rem;
    --ty-lh-body: 20px;
    --field-height: 32px;
  }
}
@supports (color: light-dark(#000, #fff)) {
  :root[data-theme="scuro"] {
    color-scheme: dark;
  }
  :root[data-theme="sistema"] {
    color-scheme: light dark;
  }
  :root {
    --color-bg: light-dark(#F4F4F5, #121316);
    --color-surface: light-dark(#FFFFFF, #1C1D21);
    --color-text: light-dark(#17181B, #ECEDEF);
    --color-text-muted: light-dark(#5E626B, #A3A6AD);
    --color-border: light-dark(#E2E3E6, #34363C);
    --color-field-border: light-dark(#C4C6CB, #4A4D55);
    --color-border-strong: light-dark(#CCCCCD, #4A4B4E);
    --color-primary: light-dark(#24262B, #E8E9EC);
    --color-primary-strong: light-dark(#000000, #FFFFFF);
    --color-primary-contrast: light-dark(#FFFFFF, #17181B);
    --color-primary-dark: light-dark(#1F3F73, #9DB8EB);
    --color-primary-soft: light-dark(#EEEFF1, #2C2E33);
    --color-selected: light-dark(#E9EFF8, #1E2B40);
    --color-primary-ink: light-dark(#24262B, #ECEDEF);
    --color-signature: light-dark(#E2412A, #FF6B4E);
    --color-today-accent: light-dark(#E2412A, #FF6B4E);
    --color-ok-bg: light-dark(#E7F4EC, #1C3326);
    --color-ok-border: light-dark(#2E9E5B, #3FAE6E);
    --color-ok-text: light-dark(#1B6E3E, #7DD3A0);
    --color-warning-bg: light-dark(#FFF5DB, #3D3115);
    --color-warning-text: light-dark(#74500A, #F2C66B);
    --color-danger-bg: light-dark(#FBEAF0, #3F1B2A);
    --color-danger-border: light-dark(#B5174E, #D23C74);
    --color-danger-text: light-dark(#9A1243, #F49BBB);
    --color-ai: light-dark(#2F55D4, #3D5FD6);
    --color-ai-strong: light-dark(#2343AE, #3352BD);
    --color-ai-ink: light-dark(#2343AE, #A9BCF7);
    --color-ai-soft: light-dark(#ECF0FC, #22283D);
    --color-ai-line: light-dark(#BCC9F2, #3E4C80);
    --color-badge-bg: light-dark(#EDE7F6, #3B3354);
    --color-badge-text: light-dark(#4527A0, #C9B8F5);
    --color-camp-bg: light-dark(#E8EDF6, #1E2636);
    --color-camp-text: light-dark(#1F3F73, #9DB8EB);
    --shell-header-bg: light-dark(#1C1E22, #141518);
    --sidebar-bg-top: light-dark(#2A2C30, #24262A);
    --sidebar-bg: light-dark(#1C1E22, #17181B);
    --sidebar-bg-bottom: light-dark(#17181B, #121316);
    --sidebar-active-bg: light-dark(rgb(255 255 255 / 9%), rgb(255 255 255 / 8%));
    --sidebar-avatar-bg: light-dark(#2A2C30, #24262A);
    --veil: light-dark(rgb(15 16 18 / 42%), rgb(0 0 0 / 55%));
    --shade-06: light-dark(rgb(0 0 0 / 6%), rgb(0 0 0 / 30%));
    --shade-08: light-dark(rgb(0 0 0 / 8%), rgb(0 0 0 / 35%));
    --shade-12: light-dark(rgb(0 0 0 / 12%), rgb(0 0 0 / 40%));
    --shade-15: light-dark(rgb(0 0 0 / 15%), rgb(0 0 0 / 45%));
    --shade-25: light-dark(rgb(0 0 0 / 25%), rgb(0 0 0 / 50%));
    --shade-35: light-dark(rgb(0 0 0 / 35%), rgb(0 0 0 / 55%));
    --swatch-line: light-dark(rgb(0 0 0 / 15%), rgb(255 255 255 / 35%));
    --fam-tecnica: light-dark(#2a78d6, #3987e5);
    --fam-costruzione: light-dark(#eb6834, #d95926);
    --fam-recupero: light-dark(#1baf7a, #199e70);
    --fam-transizione: light-dark(#eda100, #c98500);
    --fam-gioco: light-dark(#e87ba4, #d55181);
    --fam-atletica: light-dark(#008300, #008300);
    --fam-portiere: light-dark(#4a3aa7, #9085e9);
    --lvl-1: light-dark(#86b6ef, #184f95);
    --lvl-2: light-dark(#3987e5, #2672cc);
    --lvl-3: light-dark(#1c5cab, #5598e7);
    --lvl-4: light-dark(#0d3566, #9ec5f4);
    --lvl-1-ink: light-dark(#0b2440, #ffffff);
    --lvl-2-ink: light-dark(#ffffff, #ffffff);
    --lvl-3-ink: light-dark(#ffffff, #0b2440);
    --lvl-4-ink: light-dark(#ffffff, #0b2440);
    --lvl-empty: light-dark(#f0f1f4, #2C2E33);
    --lvl-na: light-dark(#fafbfc, #222327);
    --lvl-na-line: light-dark(#e5e8ed, #34363C);
    --lvl-na-key: light-dark(#c9cfd8, #55585F);
    --timeline-band-1: light-dark(#F0F0F1, #2A2C31);
    --timeline-band-2: light-dark(#E4E5E7, #33363C);
    --timeline-lane: light-dark(#ECECEE, #26282C);
    --timeline-cell: light-dark(#F3F4F6, #26282C);
    --timeline-line: light-dark(#D8D9DC, #45484F);
    --timeline-neutral-mark: light-dark(#9A9C9F, #8D9098);
    --timeline-today: light-dark(#17181B, #ECEDEF);
    --block-tone-1: light-dark(#ece3d2, #4a4233);
    --block-tone-1-ink: light-dark(#5f4d2e, #eadcc0);
    --block-tone-2: light-dark(#dde4ec, #3b4757);
    --block-tone-2-ink: light-dark(#36475a, #d3deea);
    --block-tone-3: light-dark(#dfe7da, #3d4a3a);
    --block-tone-3-ink: light-dark(#475641, #d3e0cb);
    --block-tone-4: light-dark(#e9dee6, #4a3c48);
    --block-tone-4-ink: light-dark(#5e4458, #e6d3e1);
    --block-tone-5: light-dark(#eedbd2, #4e3b33);
    --block-tone-5-ink: light-dark(#6e4636, #eed0c2);
    --census-0: light-dark(#C7D3E8, #DCE5F4);
    --census-1: light-dark(#9FB3D8, #C7D3E8);
    --census-2: light-dark(#7290C4, #9FB3D8);
    --census-3: light-dark(#456AA6, #7290C4);
    --census-4: light-dark(#2B4D85, #4A6CA8);
    --census-5: light-dark(#1A3360, #34548D);
    --census-none: light-dark(#D4D6DA, #55585F);
    --census-gridline: light-dark(#EDEEF0, #36383E);
    --census-gridline-strong: light-dark(#A3A6AD, #6B6F78);
    --chart-2: light-dark(#456AA6, #7290C4);
    --chart-other: light-dark(#A7AAB0, #6B6F78);
    --chart-split: light-dark(#D4D6DA, #55585F);
    --kpi-rule: light-dark(#D4D6DA, #55585F);
    --ideal-line: light-dark(#C6C8CC, #55585F);
    --note-bg: light-dark(#F7F6F2, #2A2925);
    --note-ink: light-dark(#8A5A00, #F2C66B);
    --projection-ok: light-dark(#14532D, #A6E3B8);
    --rung-track: light-dark(#ECEDEF, #2C2E33);
    --rung-bar: light-dark(#C9CBD0, #55585F);
    --more-bg: light-dark(#FAFBFC, #222327);
    --team-1-bg: light-dark(#dff3ec, #1C3326);
    --team-1-line: light-dark(#9fd8c3, #3FAE6E);
    --team-1-ink: light-dark(#0b5a45, #7DD3A0);
    --team-2-bg: light-dark(#fdebd3, #3D3115);
    --team-2-line: light-dark(#f2c486, #D49A0A);
    --team-2-ink: light-dark(#7a4206, #F2C66B);
    --team-3-bg: light-dark(#e5e9fb, #22283D);
    --team-3-line: light-dark(#aab6ef, #3E4C80);
    --team-3-ink: light-dark(#2c3a8c, #A9BCF7);
    --team-4-bg: light-dark(#fbe1ec, #3F1B2A);
    --team-4-line: light-dark(#eea8c5, #D23C74);
    --team-4-ink: light-dark(#8a1d4b, #F49BBB);
    --team-5-bg: light-dark(#eef3d6, #2C3115);
    --team-5-line: light-dark(#c6d48a, #8A9A3C);
    --team-5-ink: light-dark(#4a5a0c, #D3E08A);
    --team-6-bg: light-dark(#e9e4f6, #3B3354);
    --team-6-line: light-dark(#bcaee6, #7A68C0);
    --team-6-ink: light-dark(#4b2f86, #C9B8F5);
    --kind-match: light-dark(#C2410C, #F28B5B);
    --kind-camp: light-dark(#047857, #7DD3A0);
    --kind-training: light-dark(#2E9E5B, #3FAE6E);
    --group-blu-bg: light-dark(#E8EFFC, #1E2A44);
    --group-blu-line: light-dark(#2F5FD0, #6F95F0);
    --group-blu-ink: light-dark(#1E4396, #B5CAF8);
    --group-rossa-bg: light-dark(#FCEAE6, #44221D);
    --group-rossa-line: light-dark(#C8321E, #F2806C);
    --group-rossa-ink: light-dark(#9C2412, #F8B4A8);
  }
}
:root[data-header-tint="blu_marino"] { --shell-header-bg: #1E3A5F; }
:root[data-header-tint="ardesia"] { --shell-header-bg: #2B3440; }
:root[data-header-tint="prugna"] { --shell-header-bg: #4C2A55; }
@supports (color: light-dark(#000, #fff)) {
  :root[data-header-tint="blu_marino"] { --shell-header-bg: light-dark(#1E3A5F, #182A42); }
  :root[data-header-tint="ardesia"] { --shell-header-bg: light-dark(#2B3440, #20272F); }
  :root[data-header-tint="prugna"] { --shell-header-bg: light-dark(#4C2A55, #34213C); }
}