:root{ --bronze-50:  #faf5f2;
--bronze-100: #f3e9e3;
--bronze-200: #e4ccbf;
--bronze-300: #d3ad9b;
--bronze-400: #c18e77;
--bronze-500: #b07a61; --bronze-600: #97664f;
--bronze-700: #7a5341;
--bronze-800: #5c3f32;
--bronze-900: #3f2c24; --ink-950: #141313;
--ink-900: #1c1b1b;
--ink-800: #2b2b2b; --ink-700: #3d3b3a;
--ink-600: #565453;
--ink-500: #6f6d6c;
--ink-400: #928f8d;
--ink-300: #cecdcd; --ink-200: #e0dfde;
--ink-100: #eeedec;
--ink-50:  #f5f4f3; --paper:   #faf8f6; --white:   #ffffff; --success-600: #4f6b4c; --success-500: #5f7d5b; --success-100: #e6ece3;
--warning-600: #a1732f; --warning-500: #b8863f; --warning-100: #f5ead6;
--danger-600:  #8f3e35; --danger-500:  #a44a3f; --danger-100:  #f3e0dc;
--info-600:    #3f5a63; --info-500:    #4d6b75; --info-100:    #e0e8ea; --color-bg:            var(--paper);
--color-surface:       var(--white);
--color-surface-2:     var(--ink-50);
--color-surface-inset: var(--ink-100);
--color-text:          var(--ink-800);
--color-text-muted:    var(--ink-600);
--color-text-subtle:   var(--ink-500);
--color-text-inverse:  var(--paper);
--color-border:        var(--ink-200);
--color-border-strong: var(--ink-300);
--color-hairline:      color-mix(in srgb, var(--ink-800) 8%, transparent);
--color-accent:          var(--bronze-500);
--color-accent-hover:    var(--bronze-600);
--color-accent-active:   var(--bronze-700);
--color-accent-soft:     var(--bronze-100);
--color-accent-contrast: var(--white);
--color-on-accent:       var(--white);
--color-focus: color-mix(in srgb, var(--bronze-500) 55%, transparent);
--color-success: var(--success-500);
--color-warning: var(--warning-500);
--color-danger:  var(--danger-500);
--color-info:    var(--info-500); --color-link:       var(--bronze-600);
--color-link-hover: var(--bronze-700);
} [data-theme="dark"], .on-dark{
--color-bg:            var(--ink-900);
--color-surface:       var(--ink-800);
--color-surface-2:     var(--ink-700);
--color-surface-inset: var(--ink-950);
--color-text:          var(--ink-100);
--color-text-muted:    var(--ink-300);
--color-text-subtle:   var(--ink-400);
--color-text-inverse:  var(--ink-900);
--color-border:        color-mix(in srgb, var(--ink-300) 16%, transparent);
--color-border-strong: color-mix(in srgb, var(--ink-300) 30%, transparent);
--color-hairline:      color-mix(in srgb, var(--ink-300) 12%, transparent);
--color-accent:          var(--bronze-400);
--color-accent-hover:    var(--bronze-300);
--color-accent-active:   var(--bronze-200);
--color-accent-soft:     color-mix(in srgb, var(--bronze-500) 22%, transparent);
--color-accent-contrast: var(--ink-900);
--color-on-accent:       var(--ink-900);
--color-link:       var(--bronze-300);
--color-link-hover: var(--bronze-200);
} :root{ --font-display: 'Oxanium', system-ui, -apple-system, sans-serif; --font-heading: 'Oxanium', system-ui, -apple-system, sans-serif;
--font-sans:    'Oxanium', system-ui, -apple-system, sans-serif;
--font-mono:    'IBM Plex Mono', ui-monospace, 'SFMono-Regular', monospace; --fw-light: 300;
--fw-regular: 400;
--fw-medium: 500;
--fw-semibold: 600;
--fw-bold: 700;
--fw-black: 800; --text-2xs: 0.6875rem; --text-xs:  0.75rem; --text-sm:  0.875rem; --text-base:1rem; --text-md:  1.125rem; --text-lg:  1.375rem; --text-xl:  1.75rem; --text-2xl: 2.25rem; --text-3xl: 3rem; --text-4xl: 4rem; --text-5xl: 5.5rem;  --leading-tight: 1.05;
--leading-snug: 1.2;
--leading-normal: 1.5;
--leading-relaxed: 1.65; --tracking-tight:  -0.02em;
--tracking-normal: 0em;
--tracking-wide:   0.04em;
--tracking-label:  0.14em;  --heading-font: var(--font-display);
--heading-weight: var(--fw-bold);
--heading-tracking: var(--tracking-normal);
--eyebrow-font: var(--font-mono);
--eyebrow-tracking: var(--tracking-label);
--eyebrow-size: var(--text-xs);
--body-font: var(--font-sans);
--body-size: var(--text-base);
--body-leading: var(--leading-relaxed);
} :root{ --space-0: 0;
--space-1: 0.25rem; --space-2: 0.5rem; --space-3: 0.75rem; --space-4: 1rem; --space-5: 1.5rem; --space-6: 2rem; --space-7: 3rem; --space-8: 4rem; --space-9: 6rem; --space-10: 8rem;  --section-y: clamp(3.5rem, 7vw, 7rem);
--gutter:    clamp(1.25rem, 5vw, 5rem);
--maxw:      1280px;
--maxw-prose: 68ch; --radius-0: 0;
--radius-xs: 2px;
--radius-sm: 3px;
--radius-md: 4px; --radius-lg: 6px;
--radius-pill: 999px;
--radius-card: var(--radius-md); --border-w: 1px;
--border-w-strong: 1.5px; --shadow-xs: 0 1px 2px rgba(28,27,27,0.05);
--shadow-sm: 0 1px 3px rgba(28,27,27,0.07), 0 1px 2px rgba(28,27,27,0.04);
--shadow-md: 0 4px 14px rgba(28,27,27,0.08), 0 2px 4px rgba(28,27,27,0.04);
--shadow-lg: 0 18px 45px rgba(28,27,27,0.14), 0 6px 14px rgba(28,27,27,0.06);
--shadow-focus: 0 0 0 3px var(--color-focus); --ease-standard: cubic-bezier(0.22, 0.61, 0.36, 1);
--ease-out: cubic-bezier(0.16, 1, 0.3, 1);
--dur-fast: 120ms;
--dur-base: 200ms;
--dur-slow: 360ms; --z-header: 100;
--z-overlay: 500;
--z-modal: 600;
--z-toast: 700;
} :root{
--dur-normal:var(--dur-base);
--hb-header-h:82px;
--hb-h2:clamp(1.6rem,3.2vw,2.5rem);
}