/* ICA colors. Sampled from the Calisthenics brand book (Kommigraphics, 2024) + logo SVG. */
:root{
/* Brand — orange */
--ica-orange-50:#FFF3EB;--ica-orange-100:#FFE1CC;--ica-orange-200:#FFC39C;--ica-orange-300:#FFA66F;--ica-orange-400:#FE8139;--ica-orange-500:#F97919;--ica-orange-600:#E06410;--ica-orange-700:#B34F0C;--ica-orange-800:#7A360A;
--ica-orange:#FE8139;/* print / surface orange from brand book */
--ica-orange-logo:#F97919;/* exact logo fill */
/* Brand — charcoal ink ramp (book charcoal = ink-800) */
--ink-1000:#0B0C0E;--ink-950:#111216;--ink-900:#17181D;--ink-850:#1E2026;--ink-800:#2B2E35;--ink-700:#3A3D46;--ink-600:#50545E;--ink-500:#6E727C;--ink-400:#9296A0;--ink-300:#B9BCC3;--ink-200:#DADCE0;--ink-100:#EEEFF1;--white:#FFFFFF;
--ica-charcoal:#2B2E35;
/* Brand — sage (book cover/section grey) */
--sage-100:#EEEFEA;--sage-200:#E0E2DB;--sage-300:#CCCFC6;--sage-500:#A6AA9E;--sage-700:#6B6F63;
--ica-sage:#5c8902;
/* Studio — photo backdrop grey */
--studio-grey:#EBEBEB;
/* Semantic */
--green-400:#4FB477;--green-900:#12301F;--red-400:#EF5350;--red-900:#3A1414;--amber-400:#F2C14B;--amber-900:#3A2E0E;--blue-400:#6FA8FF;--blue-900:#132540;
/* Aliases — dark (default) */
--surface-page:var(--ink-950);--surface-sunken:var(--ink-1000);--surface-card:var(--ink-900);--surface-raised:var(--ink-850);--surface-charcoal:var(--ink-800);--surface-inverse:var(--white);--surface-brand:var(--ica-orange);--surface-sage:var(--ica-sage);
--text-primary:var(--white);--text-secondary:var(--ink-300);--text-muted:var(--ink-400);--text-disabled:var(--ink-600);--text-brand:var(--ica-orange);--text-on-brand:var(--ink-950);--text-on-inverse:var(--ink-950);--text-on-sage:var(--ink-800);
--border-subtle:rgba(255,255,255,.08);--border-default:rgba(255,255,255,.14);--border-strong:rgba(255,255,255,.32);--border-brand:var(--ica-orange);
--accent:var(--ica-orange);--accent-hover:var(--ica-orange-300);--accent-press:var(--ica-orange-600);
--overlay-scrim:rgba(11,12,14,.72);--overlay-protect:linear-gradient(180deg,rgba(11,12,14,0) 0%,rgba(11,12,14,.85) 100%);/* @kind other */
--status-success:var(--green-400);--status-success-bg:var(--green-900);--status-danger:var(--red-400);--status-danger-bg:var(--red-900);--status-warning:var(--amber-400);--status-warning-bg:var(--amber-900);--status-info:var(--blue-400);--status-info-bg:var(--blue-900);
--focus-ring:0 0 0 2px var(--ink-950),0 0 0 4px var(--ica-orange);/* @kind shadow */
}
/* Light scope — the print/book look: white paper, charcoal ink */
[data-theme="light"]{
--surface-page:var(--white);--surface-sunken:var(--ink-100);--surface-card:var(--white);--surface-raised:var(--sage-100);--surface-charcoal:var(--ink-800);--surface-inverse:var(--ink-800);
--text-primary:var(--ink-800);--text-secondary:var(--ink-600);--text-muted:var(--ink-500);--text-disabled:var(--ink-300);--text-brand:var(--ica-orange-600);--text-on-inverse:var(--white);
--border-subtle:rgba(43,46,53,.08);--border-default:rgba(43,46,53,.16);--border-strong:rgba(43,46,53,.4);
--focus-ring:0 0 0 2px var(--white),0 0 0 4px var(--ica-orange);/* @kind shadow */
}

/* ICA type. Inter is the confirmed brand sans (Greek + Latin). */
:root{
--font-sans:'Inter',ui-sans-serif,system-ui,-apple-system,'Segoe UI',sans-serif;
--font-display:'Inter',ui-sans-serif,system-ui,sans-serif;
--font-mono:ui-monospace,'SF Mono','Roboto Mono','JetBrains Mono',Menlo,Consolas,monospace;
--weight-light:300;/* @kind font */--weight-regular:400;/* @kind font */--weight-medium:500;/* @kind font */--weight-semibold:600;/* @kind font */--weight-bold:700;/* @kind font */--weight-black:800;/* @kind font */
/* Scale (px) */
--text-display-xl:120px;--text-display-l:88px;--text-h1:64px;--text-h2:44px;--text-h3:32px;--text-h4:24px;--text-h5:20px;--text-body-l:18px;--text-body:16px;--text-body-s:14px;--text-caption:12px;--text-micro:10px;
--leading-display:.92;/* @kind font */--leading-tight:1.08;/* @kind font */--leading-snug:1.25;/* @kind font */--leading-body:1.6;/* @kind font */
--tracking-display:-.025em;/* @kind font */--tracking-heading:-.01em;/* @kind font */--tracking-body:0;/* @kind font */--tracking-caps:.08em;/* @kind font */--tracking-eyebrow:.32em;/* @kind font */--tracking-running:.24em;/* @kind font */
/* Roles */
--type-display:var(--weight-black) var(--text-display-l)/var(--leading-display) var(--font-display);/* @kind font */
--type-h1:var(--weight-bold) var(--text-h1)/var(--leading-tight) var(--font-display);/* @kind font */
--type-h2:var(--weight-bold) var(--text-h2)/var(--leading-tight) var(--font-display);/* @kind font */
--type-h3:var(--weight-semibold) var(--text-h3)/var(--leading-snug) var(--font-sans);/* @kind font */
--type-h4:var(--weight-semibold) var(--text-h4)/var(--leading-snug) var(--font-sans);/* @kind font */
--type-body-l:var(--weight-regular) var(--text-body-l)/var(--leading-body) var(--font-sans);/* @kind font */
--type-body:var(--weight-regular) var(--text-body)/var(--leading-body) var(--font-sans);/* @kind font */
--type-body-s:var(--weight-regular) var(--text-body-s)/var(--leading-body) var(--font-sans);/* @kind font */
--type-caption:var(--weight-medium) var(--text-caption)/1.4 var(--font-sans);/* @kind font */
--type-eyebrow:var(--weight-bold) var(--text-caption)/1.2 var(--font-sans);/* @kind font */
--type-stat:var(--weight-bold) var(--text-h2)/1 var(--font-mono);/* @kind font */
}

/* Spacing, radii, borders, elevation, motion, layout */
:root{
--space-0:0;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--space-8:64px;--space-9:96px;--space-10:128px;--space-11:192px;
/* Radii — the brand is square-cornered. Pills only for circular markers + chips. */
--radius-0:0;--radius-xs:2px;--radius-sm:4px;--radius-pill:999px;
--border-hair:1px;--border-rule:2px;--border-bar:6px;/* bar = orange accent rule from book */
/* Elevation — dark UI relies on surface steps + hairlines; shadows only for floating layers */
--shadow-none:none;--shadow-sm:0 1px 2px rgba(0,0,0,.4);--shadow-md:0 8px 24px rgba(0,0,0,.45);--shadow-lg:0 24px 64px rgba(0,0,0,.6);--shadow-brand:0 0 0 1px var(--ica-orange),0 12px 40px rgba(254,129,57,.25);
--blur-nav:saturate(140%) blur(16px);/* @kind other */
/* Motion */
--ease-out:cubic-bezier(.2,.7,0,1);/* @kind other */--ease-in-out:cubic-bezier(.65,0,.35,1);/* @kind other */--ease-snap:cubic-bezier(.3,1.3,.5,1);/* @kind other */
--dur-instant:80ms;/* @kind other */--dur-fast:140ms;/* @kind other */--dur-base:220ms;/* @kind other */--dur-slow:420ms;/* @kind other */--dur-reveal:700ms;/* @kind other */
/* Layout */
--container-max:1440px;--container-text:680px;--gutter:clamp(20px,4vw,64px);/* @kind spacing */--nav-height:72px;
--z-nav:100;/* @kind other */--z-overlay:200;/* @kind other */--z-modal:300;/* @kind other */--z-toast:400;/* @kind other */
}

/* Webfonts. Inter only — text and data (data uses tabular figures, see base.css). Self-hosted, Latin + Greek. */
@font-face {font-family: 'Inter';font-style: normal;font-weight: 300 800;font-display: swap;src: url(../fonts/Inter-greek.woff2) format('woff2');unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;}
@font-face {font-family: 'Inter';font-style: normal;font-weight: 300 800;font-display: swap;src: url(../fonts/Inter-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: 300 800;font-display: swap;src: url(../fonts/Inter-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: 'Roboto Mono';font-style: normal;font-weight: 100 700;font-display: swap;src: url(../fonts/RobotoMono-Variable.ttf) format('truetype-variations');}