/* Autonomy Systems - Design-System, unveraendert uebernommen aus dem Export (site/_ds).
   Einzige Aenderung: Google-Fonts-CDN-Import ersetzt durch lokale @font-face (assets/fonts). */

/* ===== tokens/fonts.css (lokalisiert) ===== */
@font-face{font-family:'Inter';font-style:normal;font-weight:400;font-display:swap;src:url("../fonts/inter-400-latin-ext.woff2") format("woff2");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:'Inter';font-style:normal;font-weight:400;font-display:swap;src:url("../fonts/inter-400-latin.woff2") format("woff2");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';font-style:normal;font-weight:500;font-display:swap;src:url("../fonts/inter-500-latin-ext.woff2") format("woff2");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:'Inter';font-style:normal;font-weight:500;font-display:swap;src:url("../fonts/inter-500-latin.woff2") format("woff2");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';font-style:normal;font-weight:600;font-display:swap;src:url("../fonts/inter-600-latin-ext.woff2") format("woff2");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:'Inter';font-style:normal;font-weight:600;font-display:swap;src:url("../fonts/inter-600-latin.woff2") format("woff2");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:'JetBrains Mono';font-style:normal;font-weight:400;font-display:swap;src:url("../fonts/jetbrains-mono-400-latin-ext.woff2") format("woff2");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:'JetBrains Mono';font-style:normal;font-weight:400;font-display:swap;src:url("../fonts/jetbrains-mono-400-latin.woff2") format("woff2");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:'JetBrains Mono';font-style:normal;font-weight:500;font-display:swap;src:url("../fonts/jetbrains-mono-500-latin-ext.woff2") format("woff2");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:'JetBrains Mono';font-style:normal;font-weight:500;font-display:swap;src:url("../fonts/jetbrains-mono-500-latin.woff2") format("woff2");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:'Space Grotesk';font-style:normal;font-weight:400;font-display:swap;src:url("../fonts/space-grotesk-400-latin-ext.woff2") format("woff2");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:'Space Grotesk';font-style:normal;font-weight:400;font-display:swap;src:url("../fonts/space-grotesk-400-latin.woff2") format("woff2");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:'Space Grotesk';font-style:normal;font-weight:500;font-display:swap;src:url("../fonts/space-grotesk-500-latin-ext.woff2") format("woff2");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:'Space Grotesk';font-style:normal;font-weight:500;font-display:swap;src:url("../fonts/space-grotesk-500-latin.woff2") format("woff2");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:'Space Grotesk';font-style:normal;font-weight:700;font-display:swap;src:url("../fonts/space-grotesk-700-latin-ext.woff2") format("woff2");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:'Space Grotesk';font-style:normal;font-weight:700;font-display:swap;src:url("../fonts/space-grotesk-700-latin.woff2") format("woff2");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}



/* ===== tokens/colors.css ===== */
:root{
  /* Roles */
  --color-bg:            #0B0C10;
  --color-bg-alt:        #101218;
  --color-surface:       #12141A;
  --color-surface-2:     #171A21;
  --color-divider:       #1F232B;
  --color-border:        #262B34;
  --color-text:          #ECEEF2;
  --color-text-muted:    #9AA2AE;
  /* Etappe 6, Freigabe Janis 2026-08-16: war #6E7683 (4,27:1 auf --color-bg, 4,02:1 auf
     Karten) und damit der einzige verbliebene Lighthouse-Befund. Ersatz ist
     --color-neutral-500 aus der bestehenden Rampe — 5,17:1 bzw. 4,87:1, WCAG AA erfuellt,
     keine neue Farbe. Einzige Abweichung vom abgenommenen Design-System. */
  --color-text-faint:    #7C848F;
  --color-accent:        #B6F24B;
  --color-accent-ink:    #0B0C10;

  /* Neutral ramp — cool graphite */
  --color-neutral-100: #EEF0F4;
  --color-neutral-200: #D6DAE1;
  --color-neutral-300: #B4BAC5;
  --color-neutral-400: #9AA2AE;
  --color-neutral-500: #7C848F;
  --color-neutral-600: #5A616C;
  --color-neutral-700: #3A414D;
  --color-neutral-800: #262B34;
  --color-neutral-900: #171A21;

  /* Accent ramp — acid lime */
  --color-accent-100: #EEFBD0;
  --color-accent-200: #DDF7A6;
  --color-accent-300: #C9F775;
  --color-accent-400: #B6F24B;
  --color-accent-500: #9AD62E;
  --color-accent-600: #7BB01C;
  --color-accent-700: #5C8515;
  --color-accent-800: #3F5A12;
  --color-accent-900: #26350C;

  /* The one saturated field per page (number band) */
  --color-band:        #1E2A08;
  --color-band-deep:   #16200A;
  --color-band-edge:   #2E4110;
  --color-band-text:   #D6F98F;
  --color-band-label:  #9CB86A;

  /* Light surface (invoices, print, embedded mark) */
  --color-light-bg:      #F3F4F6;
  --color-light-surface: #FFFFFF;
  --color-light-text:    #0E1015;
  --color-light-muted:   #5A616C;
  --color-light-border:  #E2E5EA;
}

/* ===== tokens/typography.css ===== */
:root{
  --font-display: "Space Grotesk", system-ui, sans-serif;
  --font-body:    "Inter", system-ui, sans-serif;
  --font-mono:    "JetBrains Mono", ui-monospace, monospace;

  --text-display: 66px;
  --text-h1:      52px;
  --text-h2:      44px;
  --text-h3:      26px;
  --text-h4:      20px;
  --text-lg:      17px;
  --text-body:    15px;
  --text-sm:      13.5px;
  --text-label:   11px;

  --leading-display: 1.02;
  --leading-heading: 1.06;
  --leading-body:    1.65;
  --tracking-display: -0.03em;
  --tracking-heading: -0.02em;
  --tracking-kicker:  0.16em;
  --tracking-label:   0.14em;
  --tracking-wordmark: 0.14em;
  --weight-heading: 500;
  --weight-strong:  600;
}
@media (max-width: 900px){
  :root{ --text-display:42px; --text-h1:36px; --text-h2:30px; --text-h3:22px; }
}

/* ===== tokens/spacing.css ===== */
:root{
  --space-1:  4px;
  --space-2:  8px;
  --space-3:  12px;
  --space-4:  16px;
  --space-5:  20px;
  --space-6:  26px;
  --space-7:  32px;
  --space-8:  40px;
  --space-9:  56px;
  --space-10: 72px;
  --space-11: 96px;

  --radius-sm:   4px;
  --radius-md:   8px;
  --radius-lg:   14px;
  --radius-card: 10px;
  --radius-pill: 999px;

  --container: 1240px;
}

/* ===== tokens/elevation.css ===== */
:root{
  --shadow-sm: inset 0 0 0 1px var(--color-divider);
  --shadow-md: inset 0 0 0 1px var(--color-border), 0 8px 24px rgba(0,0,0,0.5);
  --shadow-lg: 0 0 0 1px var(--color-border), 0 18px 40px rgba(0,0,0,0.55);
  --glow-accent: radial-gradient(circle at 60% 40%, rgba(182,242,75,0.14), transparent 62%); /* @kind other */

  --wash-accent-hover:  rgba(182,242,75,0.10);
  --wash-accent-active: rgba(182,242,75,0.20);
  --wash-text-hover:    rgba(236,238,242,0.06);
  --wash-text-active:   rgba(236,238,242,0.12);

  --ease-ui: ease; /* @kind other */
  --dur-fast: 120ms; /* @kind other */
  --dur-mid:  140ms; /* @kind other */
}

/* ===== base/reset.css ===== */
*,*::before,*::after{box-sizing:border-box}
body{margin:0;background:var(--color-bg);color:var(--color-text);font-family:var(--font-body);font-size:var(--text-body);line-height:var(--leading-body);-webkit-font-smoothing:antialiased;text-wrap:pretty}
img,svg,video{display:block;max-width:100%}
figure{margin:0}
:focus{outline:none}
:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}
::selection{background:var(--color-accent-800);color:var(--color-text)}

/* ===== base/elements.css ===== */
h1,h2,h3,h4,h5,h6{margin:0 0 var(--space-3);font-family:var(--font-display);font-weight:500;line-height:var(--leading-heading);letter-spacing:var(--tracking-display);color:var(--color-text)}
h1{font-size:var(--text-h1)}
h2{font-size:var(--text-h2)}
h3{font-size:var(--text-h3);letter-spacing:var(--tracking-heading)}
h4{font-size:var(--text-h4);letter-spacing:var(--tracking-heading)}
h5{font-size:16px;letter-spacing:-0.01em}
h6{font-family:var(--font-mono);font-size:var(--text-label);font-weight:500;letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--color-text-faint)}
p{margin:0 0 var(--space-3);color:var(--color-text-muted)}
strong{color:var(--color-text);font-weight:600}
figcaption{font-size:12px;color:var(--color-text-faint);margin-top:var(--space-2)}
a{color:var(--color-accent);text-decoration:none;text-underline-offset:3px}
a:hover{color:var(--color-accent-300)}
a:active{color:var(--color-accent-500)}

/* ===== base/utilities.css ===== */
.display{font-family:var(--font-display);font-size:var(--text-display);font-weight:500;letter-spacing:-0.03em;line-height:1.02;text-wrap:balance}
.lead{font-size:var(--text-lg);color:var(--color-text-muted)}
.small{font-size:var(--text-sm)}
.muted{color:var(--color-text-muted)}
.faint{color:var(--color-text-faint)}
.mono{font-family:var(--font-mono)}
.kicker{font-family:var(--font-mono);font-size:11.5px;font-weight:500;letter-spacing:0.16em;text-transform:uppercase;color:var(--color-accent)}
.kicker-quiet{color:var(--color-text-faint)}
.container{width:100%;max-width:var(--container);margin-inline:auto;padding-inline:var(--space-8)}
.section{padding-block:var(--space-11)}
.section-tight{padding-block:var(--space-9)}
.stack{display:flex;flex-direction:column;gap:var(--space-6)}
.row{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3)}
.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-5)}
.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-5)}
.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-7)}
.split{display:grid;grid-template-columns:1.05fr 0.95fr;gap:var(--space-9);align-items:center}
.rule{height:1px;border:0;margin:var(--space-6) 0;background:linear-gradient(to right,transparent,var(--color-divider) 48px,var(--color-divider) calc(100% - 48px),transparent)}
.rule-left{height:1px;border:0;margin:var(--space-6) 0;background:linear-gradient(to right,var(--color-divider),var(--color-divider) calc(100% - 48px),transparent)}
.rule-accent{height:2px;border:0;width:40px;margin:0;background:var(--color-accent)}
@media (max-width:900px){
  .container{padding-inline:var(--space-5)}
  .section{padding-block:var(--space-9)}
  .grid-2,.grid-3,.grid-4,.split{grid-template-columns:1fr;gap:var(--space-6)}
}

/* ===== patterns/buttons.css ===== */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);font-family:var(--font-display);font-weight:500;font-size:var(--text-body);line-height:1.2;text-decoration:none;cursor:pointer;padding:14px 26px;border-radius:var(--radius-md);color:var(--color-text);background:transparent;border:1px solid transparent;transition:background-color 120ms ease,border-color 120ms ease,color 120ms ease}
.btn-primary{color:var(--color-accent);border-color:var(--color-accent)}
.btn-primary:hover{background:rgba(182,242,75,0.10);color:var(--color-accent-300)}
.btn-primary:active{background:rgba(182,242,75,0.20);color:var(--color-accent-200)}
.btn-secondary{border-color:var(--color-border)}
.btn-secondary:hover{background:rgba(236,238,242,0.06)}
.btn-secondary:active{background:rgba(236,238,242,0.12)}
.btn-ghost{color:var(--color-accent);padding-inline:var(--space-2)}
.btn-ghost:hover{background:rgba(182,242,75,0.10)}
.btn-ghost:active{background:rgba(182,242,75,0.18)}
.btn-sm{font-size:var(--text-sm);padding:9px 16px}
.btn-icon{width:40px;height:40px;padding:0;border-color:var(--color-border)}
.btn-block{width:100%}
.btn:disabled,.btn[aria-disabled="true"]{opacity:0.45;pointer-events:none}

/* ===== patterns/tags.css ===== */
.tag{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-mono);font-size:var(--text-label);letter-spacing:0.08em;padding:4px 10px;border-radius:var(--radius-sm);text-transform:uppercase}
.tag-accent{background:var(--color-accent-900);color:var(--color-accent-200)}
.tag-neutral{background:var(--color-neutral-900);color:var(--color-neutral-300)}
.tag-outline{border:1px solid var(--color-border);color:var(--color-text-muted)}
.tag-solid{background:var(--color-accent);color:var(--color-accent-ink)}

/* ===== patterns/cards.css ===== */
.card{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-6) var(--space-6) var(--space-7);border-radius:10px;background:var(--color-surface);box-shadow:var(--shadow-sm);transition:background-color 140ms ease,box-shadow 140ms ease}
.card:hover{background:#151820;box-shadow:inset 0 0 0 1px #38423A}
.card-index{font-family:var(--font-mono);font-size:var(--text-label);letter-spacing:0.1em;color:var(--color-accent)}
.card-title{margin:0;font-family:var(--font-display);font-size:22px;font-weight:500;letter-spacing:-0.02em}
.card-body{margin:0;font-size:14.5px;line-height:1.6;color:var(--color-text-muted)}
.card-accent{box-shadow:inset 0 0 0 1px var(--color-band-edge)}
.card-accent:hover{box-shadow:inset 0 0 0 1px #4A6B18}
.arrow-list{display:flex;flex-direction:column;gap:9px;margin:var(--space-2) 0 0;padding:0;list-style:none}
.arrow-list li{display:flex;gap:10px;align-items:baseline;font-size:var(--text-sm);color:var(--color-neutral-200)}
.arrow-list li::before{content:"→";color:var(--color-accent)}

/* ===== patterns/stats.css ===== */
.stat-value{font-family:var(--font-display);font-size:40px;font-weight:500;letter-spacing:-0.03em;line-height:1;color:var(--color-accent)}
.stat-label{font-family:var(--font-mono);font-size:10.5px;letter-spacing:0.12em;text-transform:uppercase;color:var(--color-text-faint);margin-top:6px}
.band{background:linear-gradient(180deg,var(--color-band) 0%,var(--color-band-deep) 100%);box-shadow:inset 0 1px 0 var(--color-band-edge),inset 0 -1px 0 var(--color-band-edge)}
.band .stat-value{color:var(--color-band-text)}
.band .stat-label{color:var(--color-band-label)}

/* ===== patterns/nav.css ===== */
.nav{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;gap:var(--space-6);padding:var(--space-4) var(--space-8);background:rgba(11,12,16,0.86);backdrop-filter:blur(12px);box-shadow:0 1px 0 var(--color-divider)}
.nav-brand{display:flex;align-items:center;gap:var(--space-3);color:var(--color-text)}
.nav-brand-text{font-family:var(--font-display);font-size:14px;font-weight:500;letter-spacing:0.14em}
.nav-brand-text span{color:var(--color-neutral-500)}
.nav-links{display:flex;align-items:center;gap:var(--space-7)}
.nav-links a{font-size:var(--text-sm);color:var(--color-text-muted)}
.nav-links a:hover{color:var(--color-text)}

/* ===== patterns/forms.css ===== */
.field{display:flex;flex-direction:column;gap:6px}
.field > label{font-size:12px;color:var(--color-neutral-400)}
.input{width:100%;min-height:42px;padding:10px 12px;font:inherit;font-size:14px;color:var(--color-text);caret-color:var(--color-accent);background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-md)}
.input::placeholder{color:var(--color-text-faint)}
.input:hover{border-color:var(--color-neutral-600)}
.input:focus-visible{border-color:var(--color-accent);outline-offset:0}
textarea.input{min-height:110px;resize:vertical}

/* ===== patterns/tables.css ===== */
.table{width:100%;border-collapse:collapse;font-size:14px}
.table th{text-align:left;padding:var(--space-3) var(--space-2);font-family:var(--font-mono);font-size:10.5px;font-weight:500;letter-spacing:0.12em;text-transform:uppercase;color:var(--color-text-faint)}
.table td{padding:var(--space-3) var(--space-2);color:var(--color-neutral-200)}
.table tbody tr{background:linear-gradient(to right,transparent,var(--color-divider) 48px,var(--color-divider) calc(100% - 48px),transparent) no-repeat bottom / 100% 1px}
.table tbody tr:hover td{color:var(--color-text)}

/* ===== patterns/media.css ===== */
.lighten{mix-blend-mode:lighten}
.photo{border-radius:12px;overflow:hidden;position:relative}
.photo-glow::before{content:"";position:absolute;inset:-12%;z-index:-1;background:var(--glow-accent);filter:blur(30px)}

/* ===== patterns/brand.css ===== */
.logo-mark{width:24px;height:24px}
.logo-lockup{display:flex;align-items:center;gap:var(--space-3)}
.logo-wordmark{font-family:var(--font-display);font-weight:500;letter-spacing:0.14em;text-transform:uppercase}
.logo-wordmark .sub{color:var(--color-neutral-500)}
/* Schutzraum: at least the height of one dot of the mark (= 1/5 mark height) on all sides.
   Minimum mark size: 20px digital, 8mm in print. */

/* ===== patterns/on-light.css ===== */
.on-light{background:#F3F4F6;color:#0E1015}
.on-light .logo-wordmark .sub{color:#767C87}
.on-light a{color:var(--color-accent-700)}
.on-light .btn-primary{color:var(--color-accent-700);border-color:var(--color-accent-700)}
.on-light .btn-primary:hover{background:rgba(123,176,28,0.12)}
.on-light .card{background:#FFFFFF;box-shadow:inset 0 0 0 1px #E2E5EA}
.on-light .muted{color:#5A616C}

/* Extension of the source block — the shipped CSS only covered link, button, card and .muted.
   These keep the remaining patterns legible on paper. */
.on-light h1,.on-light h2,.on-light h3,.on-light h4,.on-light h5,.on-light .card-title{color:#0E1015}
.on-light h6,.on-light .faint,.on-light .stat-label,.on-light figcaption{color:#767C87}
.on-light p,.on-light .card-body,.on-light .lead{color:#5A616C}
.on-light strong{color:#0E1015}
.on-light .kicker{color:var(--color-accent-700)}
.on-light .kicker-quiet{color:#767C87}
.on-light .stat-value{color:var(--color-accent-700)}
.on-light .arrow-list li{color:#2A2F38}
.on-light .arrow-list li::before{color:var(--color-accent-600)}
.on-light .rule{background:linear-gradient(to right,transparent,#DCE0E6 48px,#DCE0E6 calc(100% - 48px),transparent)}
.on-light .rule-left{background:linear-gradient(to right,#DCE0E6,#DCE0E6 calc(100% - 48px),transparent)}
.on-light .rule-accent{background:var(--color-accent-600)}
.on-light .btn-secondary{border-color:#D5D9E0;color:#0E1015}
.on-light .btn-secondary:hover{background:rgba(14,16,21,0.05)}
.on-light .btn-ghost{color:var(--color-accent-700)}
.on-light .tag-neutral{background:#E9EBEF;color:#5A616C}
.on-light .tag-outline{border-color:#D5D9E0;color:#5A616C}
.on-light .tag-accent{background:#E4F5C2;color:#3F5A12}
.on-light .input{background:#FFFFFF;border-color:#D5D9E0;color:#0E1015}
.on-light .input::placeholder{color:#9AA2AE}
.on-light .field > label{color:#767C87}
.on-light .table th{color:#767C87}
.on-light .table td{color:#2A2F38}
.on-light .table tbody tr{background:linear-gradient(to right,transparent,#DCE0E6 48px,#DCE0E6 calc(100% - 48px),transparent) no-repeat bottom / 100% 1px}
.on-light .table tbody tr:hover td{color:#0E1015}