/* Olifant design tokens (base + accent claret), generated; do not edit here. */

:root {
  color-scheme: light;
  
  --ol-chrome: #FFFFFF;        
  --ol-chrome-2: #F3F4F6;      
  --ol-paper: #FFFFFF;         
  --ol-box: #F3F4F6;           
  --ol-box-2: #E9EBEF;         
  --ol-line: #E2E5EA;          
  --ol-line-chrome: #E2E5EA;   
  --ol-well: #F3F4F6;          
  
  --ol-ink: #111827;           
  --ol-ink-2: #374151;         
  --ol-muted: #5F6672;         
  
  --ol-danger: #B42318;        
  --ol-danger-soft: #FEE4E2;
  --ol-ok: #0F6E56;            
  --ol-warn: #B54708;          
  --ol-warn-soft: #FEF0C7;
  
  --ol-sans: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --ol-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;   
  --ol-t-xs: 12px; --ol-t-sm: 13.5px; --ol-t-base: 15px; --ol-t-md: 16px; --ol-t-lg: 19px;
  --ol-t-xl: 22px; --ol-t-2xl: 28px; --ol-t-3xl: clamp(34px, 5vw, 54px);
  --ol-w-regular: 400; --ol-w-medium: 500; --ol-w-semibold: 600;   
  --ol-lh-tight: 1.1; --ol-lh-body: 1.55; --ol-track-display: -0.02em;
  
  --ol-s-1: 4px; --ol-s-2: 8px; --ol-s-3: 12px; --ol-s-4: 16px; --ol-s-5: 20px; --ol-s-6: 24px; --ol-s-8: 32px; --ol-s-10: 40px; --ol-s-14: 56px;
  --ol-row: 48px; --ol-control: 40px; --ol-bar: 56px; --ol-tabbar: 60px;
  --ol-sidebar: 240px; --ol-rail: 260px; --ol-measure: 720px; --ol-site-max: 1120px; --ol-sheet-max: 1440px;
  
  --ol-r-sm: 6px; --ol-r: 10px; --ol-r-lg: 14px; --ol-r-sheet: 12px; --ol-r-full: 999px;
  --ol-shadow-sheet: none;                                        
  --ol-shadow-pop: 0 8px 24px -8px rgba(17, 24, 39, .18);        
  --ol-shadow-seg: 0 1px 2px rgba(17, 24, 39, .08);              
  --ol-shadow-knob: 0 1px 2px rgba(0, 0, 0, .2);                  
  --ol-shadow-sheet-up: 0 -8px 24px -8px rgba(0, 0, 0, .25);     
  --ol-focus: 0 0 0 2px var(--ol-paper), 0 0 0 4px var(--ol-accent);
  --ol-motion: 120ms ease-out;          
  --ol-motion-slow: 200ms ease-out;     
  --ol-overlay: rgba(17, 24, 39, .45);  
  --ol-border: 1px solid var(--ol-line);
  --ol-border-strong: 1px solid #858C98; 
}
@media (prefers-reduced-motion: reduce) { :root { --ol-motion: 0ms; --ol-motion-slow: 0ms; } }

:root[data-theme="dark"] {
  color-scheme: dark;
  --ol-chrome: #0E1116; --ol-chrome-2: #1B1F26;
  --ol-paper: #0E1116; --ol-box: #1B1F26; --ol-box-2: #272C35; --ol-line: #262B33; --ol-line-chrome: #262B33; --ol-well: #1B1F26;
  --ol-ink: #F5F6F8; --ol-ink-2: #CBD0D8; --ol-muted: #9DA4B0;     
  --ol-danger: #F97066; --ol-danger-soft: #3D1F1C; --ol-ok: #4FD1A5; --ol-warn: #F8B24D; --ol-warn-soft: #3C2C14;
  --ol-shadow-sheet: none;
  --ol-shadow-pop: 0 12px 32px -8px rgba(0, 0, 0, .8); --ol-shadow-seg: 0 1px 2px rgba(0, 0, 0, .5); --ol-shadow-sheet-up: 0 -8px 24px -8px rgba(0, 0, 0, .7);
  --ol-overlay: rgba(0, 0, 0, .65); --ol-border-strong: 1px solid #727A87; 
}

:root {
  --ol-accent: #9C2049;         
  --ol-accent-hover: #861B3E;
  --ol-accent-ink: #FFFFFF;
  --ol-accent-soft: #F7E7EC;    
  --ol-second: #1B5FD1;         
  --ol-second-soft: #DCE9FB;
  --ol-destructive: #111827;    
  --ol-destructive-ink: #FFFFFF;
}
:root[data-theme="dark"] {
  --ol-accent: #F0829E;         
  --ol-accent-hover: #F59BB2;
  --ol-accent-ink: #3A0A1A;     
  --ol-accent-soft: #3B1B27;
  --ol-second: #9CC8FF; --ol-second-soft: #1C2F4D;
  --ol-destructive: #F3F4F6; --ol-destructive-ink: #111827;
}

:root[data-theme="dark"][data-surface="vault"] .sheet { --ol-accent: #8A1F3D; --ol-accent-ink: #FFFFFF; --ol-accent-soft: #F7E7EC; }
/* No scripts on this site: dark follows the OS; same values as the data-theme blocks above. */
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
color-scheme: dark;
  --ol-chrome: #0E1116; --ol-chrome-2: #1B1F26;
  --ol-paper: #0E1116; --ol-box: #1B1F26; --ol-box-2: #272C35; --ol-line: #262B33; --ol-line-chrome: #262B33; --ol-well: #1B1F26;
  --ol-ink: #F5F6F8; --ol-ink-2: #CBD0D8; --ol-muted: #9DA4B0;     
  --ol-danger: #F97066; --ol-danger-soft: #3D1F1C; --ol-ok: #4FD1A5; --ol-warn: #F8B24D; --ol-warn-soft: #3C2C14;
  --ol-shadow-sheet: none;
  --ol-shadow-pop: 0 12px 32px -8px rgba(0, 0, 0, .8); --ol-shadow-seg: 0 1px 2px rgba(0, 0, 0, .5); --ol-shadow-sheet-up: 0 -8px 24px -8px rgba(0, 0, 0, .7);
  --ol-overlay: rgba(0, 0, 0, .65); --ol-border-strong: 1px solid #727A87;
--ol-accent: #F0829E;         
  --ol-accent-hover: #F59BB2;
  --ol-accent-ink: #3A0A1A;     
  --ol-accent-soft: #3B1B27;
  --ol-second: #9CC8FF; --ol-second-soft: #1C2F4D;
  --ol-destructive: #F3F4F6; --ol-destructive-ink: #111827;
  }
}