/*! THEME — every colour the site can use. ONE role per purpose, named for what it IS FOR and never for what it looks like. `--ink` is what text is made of, `--paper` is what it sits on, `--line` separates them, `--photo-shade` goes over a photograph. A component reads these and nothing else, so switching brand or mode re-resolves the whole page with no component touched. `-always-` means exactly that: white on a photograph stays white in dark mode, because the photograph does not invert. Everything without it follows the mode. A few NON-colour values live here too, and only because they are per-brand: corner radii, the heavy rule and the label's baseline nudge differ by brand, so they belong with the brand rather than in the brand-agnostic scale. STRUCTURE — light is the BASE, dark is only the difference: [data-brand="x"] the brand's light design, and the default with no mode set [data-theme="dark"] what every brand shares in dark [data-brand="x"][data-theme="dark"], [data-brand="x"] [data-theme="dark"] only where that brand departs from it [data-brand="x"] [data-theme="light"] an explicit light island inside a dark page **The DESCENDANT selector is load-bearing, not tidiness.** `data-brand` sits on and a local island carries `data-theme` alone — the site header is exactly that. A compound `[data-brand][data-theme]` never matches it, and the island would take the shared dark roles and keep the brand's LIGHT values for the rest. GENERATED from the design repo's own token layers. Do not hand-edit a value here: run the design sync, which is what keeps this in step with the source. */ /* What no brand decides — identical everywhere, because these are absolutes. */ :root{ /* text */ --ink-invert:rgba(255,255,255,0.95); --ink-always-white:#ffffff; /* surfaces */ --paper-brand-inverse:#ffffff; --paper-white:#ffffff; --paper-always-white:#ffffff; } /* eye — light, and the default before a mode is chosen. */ [data-brand="eye"]{ /* text */ --ink:#2b2228; --ink-body:#2b2228; --ink-soft:#473843; --ink-quiet:#675161; --ink-disabled:#b09bab; --ink-heading:#675161; --ink-byline:#0857b0; --ink-alert:#c80e17; --ink-breaking:#c80e17; --ink-cta:#473843; --ink-nav:#675161; --ink-chip:#574547; --ink-link:#c80e17; --ink-accent:#0a65cd; --ink-quote:#c80e17; --ink-brand:#473843; --ink-on-button:#ffffff; --ink-always-dark:#2b2228; --ink-label:#c80e17; --ink-mono:#000000; /* surfaces */ --paper:#f5f3ef; --paper-card:#efebee; --paper-card-opinion:#ffffff; --paper-sunken:#ece8e4; --paper-brand:#473843; --paper-brand-fixed:#473843; --paper-header:#f5f3ef; --paper-menu:#f5f3ef; --paper-chip:#ece8e4; --paper-button:#c80e17; --paper-button-secondary:#0a65cd; --paper-invert:#2b2228; --paper-always-dark:#2b2228; --paper-highlight:#dfd5d3; --paper-feature-dark:#c80e17; --paper-label:rgba(255,255,255,0); /* what goes over a photograph */ --photo-shade-half:rgba(0,0,0,0.5); --photo-shade-full:#000000; --photo-shade-strong:rgba(0,0,0,0.75); /* rules */ --line:#c9b8b5; --line-soft:#dfd5d3; --line-strong:#765c56; --line-darkest:#2b2228; --line-chip:rgba(0,0,0,0.2); --line-label:#dfd5d3; --line-gradient-1:rgba(255,255,255,0); --line-gradient-2:rgba(255,255,255,0); --line-gradient-3:rgba(255,255,255,0); /* shape — per brand, because the design makes it so */ --corner-button:9999px; --corner-media:0px; --corner-panel:0px; --corner-card:0px; --corner-label:0px; --corner-submit:9999px; --border-label:1px; --border-heavy:4px; --space-baseline:2px; --ink-card-label:#c80e17; --paper-card-label:rgba(255,255,255,0); --line-card-label:#c9b8b5; --border-card-label:1px; --pad-card-label:2px; --pad-card-label-inline:0px; --line-brand:#473843; --paper-special-1:#dfd5d3; --paper-special-2:#d9e5c2; --paper-special-3:#f5f6ee; --paper-special-4:#f3f5e5; --paper-sponsor:#f9efbd; --ink-sponsor:#2b2228; --paper-active:#473843; --paper-chip-active:#574547; --ink-chip-active:#ece8e4; --paper-mask:rgba(0,0,0,0.35); } /* shakuf — light, and the default before a mode is chosen. */ [data-brand="shakuf"]{ /* text */ --ink:#001633; --ink-body:#001633; --ink-soft:#002555; --ink-quiet:#015ed5; --ink-disabled:#9ac6fe; --ink-heading:#0b54b2; --ink-byline:#0b54b2; --ink-alert:#0b54b2; --ink-breaking:#015ed5; --ink-cta:#002555; --ink-nav:#015ed5; --ink-chip:#0b54b2; --ink-link:#015ed5; --ink-accent:#015ed5; --ink-quote:#015ed5; --ink-brand:#004194; --ink-on-button:#ffffff; --ink-always-dark:#001633; --ink-label:#0b54b2; --ink-mono:#000000; /* surfaces */ --paper:#ffffff; --paper-card:#f0f6ff; --paper-card-opinion:#ecede3; --paper-sunken:#f0f6ff; --paper-brand:#004194; --paper-brand-fixed:#004194; --paper-header:#ffffff; --paper-menu:#ffffff; --paper-chip:#f0f6ff; --paper-button:#015ed5; --paper-button-secondary:#f25345; --paper-invert:#001633; --paper-always-dark:#001633; --paper-highlight:#ecede3; --paper-feature-dark:#015ed5; --paper-label:rgba(255,255,255,0); /* what goes over a photograph */ --photo-shade-half:rgba(0,0,0,0.35); --photo-shade-full:#000000; --photo-shade-strong:rgba(0,0,0,0.75); /* rules */ --line:#9ac6fe; --line-soft:#cce3ff; --line-strong:#004194; --line-darkest:#001633; --line-chip:rgba(0,0,0,0.2); --line-label:#cce3ff; --line-gradient-1:rgba(255,255,255,0); --line-gradient-2:rgba(255,255,255,0); --line-gradient-3:rgba(255,255,255,0); /* shape — per brand, because the design makes it so */ --corner-button:9999px; --corner-media:4px; --corner-panel:4px; --corner-card:12px; --corner-label:0px; --corner-submit:9999px; --border-label:1px; --border-heavy:2px; --space-baseline:0px; --ink-card-label:#0b54b2; --paper-card-label:rgba(255,255,255,0); --line-card-label:#9ac6fe; --border-card-label:0px; --pad-card-label:0px; --pad-card-label-inline:0px; --line-brand:#004194; --paper-special-1:#ecede3; --paper-special-2:#e1f0dd; --paper-special-3:#f2eeea; --paper-special-4:#ebf8f9; --paper-sponsor:#bfff54; --ink-sponsor:#001633; --paper-active:#002555; --paper-chip-active:#0b54b2; --ink-chip-active:#f0f6ff; --paper-mask:rgba(0,0,0,0.5); } /* ham — light, and the default before a mode is chosen. */ [data-brand="ham"]{ /* text */ --ink:#141413; --ink-body:#141413; --ink-soft:#3b3a36; --ink-quiet:#6b6a63; --ink-disabled:#b0aea5; --ink-heading:#141413; --ink-byline:#6b6a63; --ink-alert:#a63f19; --ink-breaking:#c2562f; --ink-cta:#3b3a36; --ink-nav:#141413; --ink-chip:#6b6a63; --ink-link:#c2562f; --ink-accent:#5e7344; --ink-quote:#c2562f; --ink-brand:#c2562f; --ink-on-button:#ffffff; --ink-always-dark:#141413; --ink-label:#a63f19; --ink-mono:#000000; /* surfaces */ --paper:#ffffff; --paper-card:#f4f2eb; --paper-card-opinion:#f4f2eb; --paper-sunken:#f8f6f2; --paper-brand:#d97757; --paper-brand-fixed:#d97757; --paper-header:#ffffff; --paper-menu:#efece3; --paper-chip:#f4f2eb; --paper-button:#5e7344; --paper-button-secondary:#c2562f; --paper-invert:#141413; --paper-always-dark:#141413; --paper-highlight:#e3e1d8; --paper-feature-dark:#a63f19; --paper-label:rgba(255,255,255,0); /* what goes over a photograph */ --photo-shade-half:rgba(0,0,0,0.35); --photo-shade-full:#000000; --photo-shade-strong:rgba(0,0,0,0.75); /* rules */ --line:#cfcec9; --line-soft:#f4f2eb; --line-strong:#6b6a63; --line-darkest:#141413; --line-chip:rgba(0,0,0,0.2); --line-label:#f4f2eb; --line-gradient-1:#8e6fa8; --line-gradient-2:#788c5d; --line-gradient-3:#d97757; /* shape — per brand, because the design makes it so */ --corner-button:14px; --corner-media:14px; --corner-panel:9px; --corner-card:14px; --corner-label:0px; --corner-submit:9px; --border-label:1px; --border-heavy:4px; --space-baseline:0px; /* the stripe this brand alone draws */ --stripe-1:#8e6fa8; --stripe-2:#5e7344; --stripe-3:#c2562f; --ink-card-label:#a63f19; --paper-card-label:rgba(255,255,255,0); --line-card-label:#cfcec9; --border-card-label:0px; --pad-card-label:0px; --pad-card-label-inline:0px; --line-brand:#d97757; --paper-special-1:#e3e1d8; --paper-special-2:#e6dfec; --paper-special-3:#efece3; --paper-special-4:#f8f6f2; --paper-sponsor:#f6ddd5; --ink-sponsor:#141413; --paper-active:#3b3a36; --paper-chip-active:#6b6a63; --ink-chip-active:#f8f6f2; --paper-mask:rgba(0,0,0,0.5); } /* boker — light, and the default before a mode is chosen. */ [data-brand="boker"]{ /* text */ --ink:#0e1c4e; --ink-body:#0e1c4e; --ink-soft:#263360; --ink-quiet:#3c4770; --ink-disabled:#3c4770; --ink-heading:#0e1c4e; --ink-byline:#263360; --ink-alert:#0e1c4e; --ink-breaking:#005e9d; --ink-cta:#0e1c4e; --ink-nav:#0e1c4e; --ink-chip:#263360; --ink-link:#005e9d; --ink-accent:#005e9d; --ink-quote:#005e9d; --ink-brand:#0e1c4e; --ink-on-button:#0e1c4e; --ink-always-dark:#08102b; --ink-label:#0e1c4e; --ink-mono:#08102b; /* surfaces */ --paper:#f8f8ff; --paper-card:#dddfe6; --paper-card-opinion:#ffe47a; --paper-sunken:#c5ecff; --paper-brand:#64d3ff; --paper-brand-fixed:#64d3ff; --paper-header:#ffffff; --paper-menu:#e8f7ff; --paper-chip:#c5ecff; --paper-button:#ffe47a; --paper-button-secondary:#c5ecff; --paper-invert:#08102b; --paper-always-dark:#08102b; --paper-highlight:#fff8e0; --paper-feature-dark:#3c4770; --paper-label:#64d3ff; /* what goes over a photograph */ --photo-shade-half:rgba(8,16,43,0.35); --photo-shade-full:#08102b; --photo-shade-strong:rgba(8,16,43,0.75); /* rules */ --line:#64d3ff; --line-soft:#c5ecff; --line-strong:#64d3ff; --line-darkest:#08102b; --line-chip:rgba(8,16,43,0.2); --line-label:rgba(255,255,255,0); --line-gradient-1:#64d3ff; --line-gradient-2:#ffe47a; --line-gradient-3:#64d3ff; /* shape — per brand, because the design makes it so */ --corner-button:14px; --corner-media:14px; --corner-panel:9px; --corner-card:14px; --corner-label:9px; --corner-submit:9px; --border-label:0px; --border-heavy:4px; --space-baseline:0px; --ink-card-label:#0e1c4e; --paper-card-label:#64d3ff; --line-card-label:#64d3ff; --border-card-label:0px; --pad-card-label:2px; --pad-card-label-inline:10px; --line-brand:#64d3ff; --paper-special-1:#fff8e0; --paper-special-2:#e8f7ff; --paper-special-3:#ffe47a; --paper-special-4:#64d3ff; --paper-sponsor:#ffe47a; --ink-sponsor:#08102b; --paper-active:#0e1c4e; --paper-chip-active:#263360; --ink-chip-active:#e8f7ff; --paper-mask:rgba(8,16,43,0.5); } /* Dark — what every brand shares. */ [data-theme="dark"]{ /* text */ --ink:rgba(255,255,255,0.95); --ink-body:rgba(255,255,255,0.95); --ink-soft:rgba(255,255,255,0.9); --ink-quiet:rgba(255,255,255,0.85); --ink-heading:rgba(255,255,255,0.85); --ink-byline:rgba(255,255,255,0.85); --ink-breaking:#ffffff; --ink-cta:#ffffff; --ink-brand:#ffffff; --ink-always-white:#ffffff; --ink-mono:#ffffff; /* surfaces */ --paper-always-white:#ffffff; /* what goes over a photograph */ --photo-shade-strong:rgba(255,255,255,0.75); /* rules */ --line:rgba(255,255,255,0.35); --line-soft:rgba(255,255,255,0.2); --line-strong:rgba(255,255,255,0.75); --line-darkest:rgba(255,255,255,0.85); --line-chip:rgba(255,255,255,0.2); --line-card-label:rgba(255,255,255,0.35); --line-brand:rgba(255,255,255,0.2); } /* eye — dark, only where it departs from the shared set above. */ [data-brand="eye"][data-theme="dark"], [data-brand="eye"] [data-theme="dark"]{ /* text */ --ink-disabled:#675161; --ink-alert:rgba(255,255,255,0.85); --ink-nav:rgba(255,255,255,0.85); --ink-chip:#ece8e4; --ink-link:#f6888d; --ink-accent:#b6d7fc; --ink-quote:#f6888d; --ink-on-button:#ffffff; --ink-invert:#2b2228; --ink-always-dark:#2b2228; --ink-label:rgba(255,255,255,0.85); /* surfaces */ --paper:#2b2228; --paper-card:#473843; --paper-card-opinion:#c80e17; --paper-sunken:#574547; --paper-brand:#ece8e4; --paper-brand-fixed:#473843; --paper-brand-inverse:#473843; --paper-header:#473843; --paper-menu:#473843; --paper-chip:#574547; --paper-button:#c80e17; --paper-button-secondary:#0a65cd; --paper-invert:#f5f3ef; --paper-white:#000000; --paper-always-dark:#2b2228; --paper-highlight:#765c56; --paper-feature-dark:#c80e17; --paper-label:rgba(255,255,255,0); /* what goes over a photograph */ --photo-shade-half:rgba(0,0,0,0.5); --photo-shade-full:#000000; /* rules */ --line-label:rgba(255,255,255,0.2); --line-gradient-1:rgba(255,255,255,0); --line-gradient-2:rgba(255,255,255,0); --line-gradient-3:rgba(255,255,255,0); --ink-card-label:rgba(255,255,255,0.85); --paper-card-label:rgba(255,255,255,0); --border-card-label:1px; --pad-card-label:2px; --pad-card-label-inline:0px; --paper-special-1:#765c56; --paper-special-2:#765c56; --paper-special-3:#675161; --paper-special-4:#675161; --paper-sponsor:#f9efbd; --ink-sponsor:#2b2228; --paper-active:#f5f3ef; --paper-chip-active:#ece8e4; --ink-chip-active:#574547; --paper-mask:rgba(0,0,0,0.35); } /* shakuf — dark, only where it departs from the shared set above. */ [data-brand="shakuf"][data-theme="dark"], [data-brand="shakuf"] [data-theme="dark"]{ /* text */ --ink-disabled:#0b54b2; --ink-alert:rgba(255,255,255,0.85); --ink-nav:rgba(255,255,255,0.85); --ink-chip:#f0f6ff; --ink-link:#9ac6fe; --ink-accent:#f0f6ff; --ink-quote:#9ac6fe; --ink-on-button:#ffffff; --ink-invert:#001633; --ink-always-dark:#001633; --ink-label:rgba(255,255,255,0.85); /* surfaces */ --paper:#001633; --paper-card:#002555; --paper-card-opinion:#4d6765; --paper-sunken:#002555; --paper-brand:#f0f6ff; --paper-brand-fixed:#004194; --paper-brand-inverse:#004194; --paper-header:#004194; --paper-menu:#004194; --paper-chip:#0b54b2; --paper-button:#015ed5; --paper-button-secondary:#f25345; --paper-invert:#ffffff; --paper-white:#000000; --paper-always-dark:#001633; --paper-highlight:#015ed5; --paper-feature-dark:#015ed5; --paper-label:rgba(255,255,255,0); /* what goes over a photograph */ --photo-shade-half:rgba(0,0,0,0.35); --photo-shade-full:#000000; /* rules */ --line-label:rgba(255,255,255,0.2); --line-gradient-1:rgba(255,255,255,0); --line-gradient-2:rgba(255,255,255,0); --line-gradient-3:rgba(255,255,255,0); --ink-card-label:rgba(255,255,255,0.85); --paper-card-label:rgba(255,255,255,0); --border-card-label:0px; --pad-card-label:0px; --pad-card-label-inline:0px; --paper-special-1:#015ed5; --paper-special-2:#015ed5; --paper-special-3:#4d6765; --paper-special-4:#002555; --paper-sponsor:#bfff54; --ink-sponsor:#001633; --paper-active:#ffffff; --paper-chip-active:#f0f6ff; --ink-chip-active:#0b54b2; --paper-mask:rgba(0,0,0,0.5); } /* ham — dark, only where it departs from the shared set above. */ [data-brand="ham"][data-theme="dark"], [data-brand="ham"] [data-theme="dark"]{ /* text */ --ink-disabled:#6b6a63; --ink-alert:rgba(255,255,255,0.85); --ink-nav:rgba(255,255,255,0.95); --ink-chip:#f8f6f2; --ink-link:#e6ebe0; --ink-accent:#efece3; --ink-quote:#f6ddd5; --ink-on-button:#ffffff; --ink-invert:#141413; --ink-always-dark:#141413; --ink-label:rgba(255,255,255,0.85); /* surfaces */ --paper:#141413; --paper-card:#3b3a36; --paper-card-opinion:#a63f19; --paper-sunken:#3b3a36; --paper-brand:#f8f6f2; --paper-brand-fixed:#d97757; --paper-brand-inverse:#d97757; --paper-header:#141413; --paper-menu:#a63f19; --paper-chip:#6b6a63; --paper-button:#5e7344; --paper-button-secondary:#c2562f; --paper-invert:#ffffff; --paper-white:#000000; --paper-always-dark:#141413; --paper-highlight:#6b6a63; --paper-feature-dark:#a63f19; --paper-label:rgba(255,255,255,0); /* what goes over a photograph */ --photo-shade-half:rgba(0,0,0,0.35); --photo-shade-full:#000000; /* rules */ --line-label:rgba(255,255,255,0.2); --line-gradient-1:#8e6fa8; --line-gradient-2:#788c5d; --line-gradient-3:#d97757; --ink-card-label:rgba(255,255,255,0.85); --paper-card-label:rgba(255,255,255,0); --border-card-label:0px; --pad-card-label:0px; --pad-card-label-inline:0px; --paper-special-1:#6b6a63; --paper-special-2:#5e4476; --paper-special-3:#4f5e38; --paper-special-4:#6b6a63; --paper-sponsor:#f6ddd5; --ink-sponsor:#141413; --paper-active:#fbfbf9; --paper-chip-active:#f4f2eb; --ink-chip-active:#6b6a63; --paper-mask:rgba(0,0,0,0.5); } /* boker — dark, only where it departs from the shared set above. */ [data-brand="boker"][data-theme="dark"], [data-brand="boker"] [data-theme="dark"]{ /* text */ --ink-disabled:#263360; --ink-alert:#0e1c4e; --ink-nav:rgba(255,255,255,0.95); --ink-chip:#e8f7ff; --ink-link:#fff8e0; --ink-accent:#e8f7ff; --ink-quote:#fff8e0; --ink-on-button:#0e1c4e; --ink-invert:#0e1c4e; --ink-always-dark:#08102b; --ink-label:#0e1c4e; /* surfaces */ --paper:#08102b; --paper-card:#0e1c4e; --paper-card-opinion:#005e9d; --paper-sunken:#0e1c4e; --paper-brand:#dddfe6; --paper-brand-fixed:#64d3ff; --paper-brand-inverse:#64d3ff; --paper-header:#08102b; --paper-menu:#0e1c4e; --paper-chip:#263360; --paper-button:#ffe47a; --paper-button-secondary:#c5ecff; --paper-invert:#ffffff; --paper-white:#08102b; --paper-always-dark:#08102b; --paper-highlight:#005e9d; --paper-feature-dark:#3c4770; --paper-label:#64d3ff; /* what goes over a photograph */ --photo-shade-half:rgba(8,16,43,0.35); --photo-shade-full:#08102b; /* rules */ --line-label:rgba(255,255,255,0); --line-gradient-1:#64d3ff; --line-gradient-2:#ffe47a; --line-gradient-3:#64d3ff; --ink-card-label:#0e1c4e; --paper-card-label:#64d3ff; --border-card-label:0px; --pad-card-label:2px; --pad-card-label-inline:10px; --paper-special-1:#005e9d; --paper-special-2:#08102b; --paper-special-3:#0e1c4e; --paper-special-4:#0e1c4e; --paper-sponsor:#ffe47a; --ink-sponsor:#08102b; --paper-active:#f8f8ff; --paper-chip-active:#c5ecff; --ink-chip-active:#263360; --paper-mask:rgba(8,16,43,0.5); } /* An explicit LIGHT island inside a dark page. It has to reset the shared dark roles too, so it carries the brand's whole light set rather than a difference. */ [data-brand="eye"][data-theme="light"], [data-brand="eye"] [data-theme="light"]{ /* text */ --ink:#2b2228; --ink-body:#2b2228; --ink-soft:#473843; --ink-quiet:#675161; --ink-disabled:#b09bab; --ink-heading:#675161; --ink-byline:#0857b0; --ink-alert:#c80e17; --ink-breaking:#c80e17; --ink-cta:#473843; --ink-nav:#675161; --ink-chip:#574547; --ink-link:#c80e17; --ink-accent:#0a65cd; --ink-quote:#c80e17; --ink-brand:#473843; --ink-on-button:#ffffff; --ink-invert:rgba(255,255,255,0.95); --ink-always-white:#ffffff; --ink-always-dark:#2b2228; --ink-label:#c80e17; --ink-mono:#000000; /* surfaces */ --paper:#f5f3ef; --paper-card:#efebee; --paper-card-opinion:#ffffff; --paper-sunken:#ece8e4; --paper-brand:#473843; --paper-brand-fixed:#473843; --paper-brand-inverse:#ffffff; --paper-header:#f5f3ef; --paper-menu:#f5f3ef; --paper-chip:#ece8e4; --paper-button:#c80e17; --paper-button-secondary:#0a65cd; --paper-invert:#2b2228; --paper-white:#ffffff; --paper-always-white:#ffffff; --paper-always-dark:#2b2228; --paper-highlight:#dfd5d3; --paper-feature-dark:#c80e17; --paper-label:rgba(255,255,255,0); /* what goes over a photograph */ --photo-shade-half:rgba(0,0,0,0.5); --photo-shade-full:#000000; --photo-shade-strong:rgba(0,0,0,0.75); /* rules */ --line:#c9b8b5; --line-soft:#dfd5d3; --line-strong:#765c56; --line-darkest:#2b2228; --line-chip:rgba(0,0,0,0.2); --line-label:#dfd5d3; --line-gradient-1:rgba(255,255,255,0); --line-gradient-2:rgba(255,255,255,0); --line-gradient-3:rgba(255,255,255,0); /* shape — per brand, because the design makes it so */ --corner-button:9999px; --corner-media:0px; --corner-panel:0px; --corner-card:0px; --corner-label:0px; --corner-submit:9999px; --border-label:1px; --border-heavy:4px; --space-baseline:2px; --ink-card-label:#c80e17; --paper-card-label:rgba(255,255,255,0); --line-card-label:#c9b8b5; --border-card-label:1px; --pad-card-label:2px; --pad-card-label-inline:0px; --line-brand:#473843; --paper-special-1:#dfd5d3; --paper-special-2:#d9e5c2; --paper-special-3:#f5f6ee; --paper-special-4:#f3f5e5; --paper-sponsor:#f9efbd; --ink-sponsor:#2b2228; --paper-active:#473843; --paper-chip-active:#574547; --ink-chip-active:#ece8e4; --paper-mask:rgba(0,0,0,0.35); } [data-brand="shakuf"][data-theme="light"], [data-brand="shakuf"] [data-theme="light"]{ /* text */ --ink:#001633; --ink-body:#001633; --ink-soft:#002555; --ink-quiet:#015ed5; --ink-disabled:#9ac6fe; --ink-heading:#0b54b2; --ink-byline:#0b54b2; --ink-alert:#0b54b2; --ink-breaking:#015ed5; --ink-cta:#002555; --ink-nav:#015ed5; --ink-chip:#0b54b2; --ink-link:#015ed5; --ink-accent:#015ed5; --ink-quote:#015ed5; --ink-brand:#004194; --ink-on-button:#ffffff; --ink-invert:rgba(255,255,255,0.95); --ink-always-white:#ffffff; --ink-always-dark:#001633; --ink-label:#0b54b2; --ink-mono:#000000; /* surfaces */ --paper:#ffffff; --paper-card:#f0f6ff; --paper-card-opinion:#ecede3; --paper-sunken:#f0f6ff; --paper-brand:#004194; --paper-brand-fixed:#004194; --paper-brand-inverse:#ffffff; --paper-header:#ffffff; --paper-menu:#ffffff; --paper-chip:#f0f6ff; --paper-button:#015ed5; --paper-button-secondary:#f25345; --paper-invert:#001633; --paper-white:#ffffff; --paper-always-white:#ffffff; --paper-always-dark:#001633; --paper-highlight:#ecede3; --paper-feature-dark:#015ed5; --paper-label:rgba(255,255,255,0); /* what goes over a photograph */ --photo-shade-half:rgba(0,0,0,0.35); --photo-shade-full:#000000; --photo-shade-strong:rgba(0,0,0,0.75); /* rules */ --line:#9ac6fe; --line-soft:#cce3ff; --line-strong:#004194; --line-darkest:#001633; --line-chip:rgba(0,0,0,0.2); --line-label:#cce3ff; --line-gradient-1:rgba(255,255,255,0); --line-gradient-2:rgba(255,255,255,0); --line-gradient-3:rgba(255,255,255,0); /* shape — per brand, because the design makes it so */ --corner-button:9999px; --corner-media:4px; --corner-panel:4px; --corner-card:12px; --corner-label:0px; --corner-submit:9999px; --border-label:1px; --border-heavy:2px; --space-baseline:0px; --ink-card-label:#0b54b2; --paper-card-label:rgba(255,255,255,0); --line-card-label:#9ac6fe; --border-card-label:0px; --pad-card-label:0px; --pad-card-label-inline:0px; --line-brand:#004194; --paper-special-1:#ecede3; --paper-special-2:#e1f0dd; --paper-special-3:#f2eeea; --paper-special-4:#ebf8f9; --paper-sponsor:#bfff54; --ink-sponsor:#001633; --paper-active:#002555; --paper-chip-active:#0b54b2; --ink-chip-active:#f0f6ff; --paper-mask:rgba(0,0,0,0.5); } [data-brand="ham"][data-theme="light"], [data-brand="ham"] [data-theme="light"]{ /* text */ --ink:#141413; --ink-body:#141413; --ink-soft:#3b3a36; --ink-quiet:#6b6a63; --ink-disabled:#b0aea5; --ink-heading:#141413; --ink-byline:#6b6a63; --ink-alert:#a63f19; --ink-breaking:#c2562f; --ink-cta:#3b3a36; --ink-nav:#141413; --ink-chip:#6b6a63; --ink-link:#c2562f; --ink-accent:#5e7344; --ink-quote:#c2562f; --ink-brand:#c2562f; --ink-on-button:#ffffff; --ink-invert:rgba(255,255,255,0.95); --ink-always-white:#ffffff; --ink-always-dark:#141413; --ink-label:#a63f19; --ink-mono:#000000; /* surfaces */ --paper:#ffffff; --paper-card:#f4f2eb; --paper-card-opinion:#f4f2eb; --paper-sunken:#f8f6f2; --paper-brand:#d97757; --paper-brand-fixed:#d97757; --paper-brand-inverse:#ffffff; --paper-header:#ffffff; --paper-menu:#efece3; --paper-chip:#f4f2eb; --paper-button:#5e7344; --paper-button-secondary:#c2562f; --paper-invert:#141413; --paper-white:#ffffff; --paper-always-white:#ffffff; --paper-always-dark:#141413; --paper-highlight:#e3e1d8; --paper-feature-dark:#a63f19; --paper-label:rgba(255,255,255,0); /* what goes over a photograph */ --photo-shade-half:rgba(0,0,0,0.35); --photo-shade-full:#000000; --photo-shade-strong:rgba(0,0,0,0.75); /* rules */ --line:#cfcec9; --line-soft:#f4f2eb; --line-strong:#6b6a63; --line-darkest:#141413; --line-chip:rgba(0,0,0,0.2); --line-label:#f4f2eb; --line-gradient-1:#8e6fa8; --line-gradient-2:#788c5d; --line-gradient-3:#d97757; /* shape — per brand, because the design makes it so */ --corner-button:14px; --corner-media:14px; --corner-panel:9px; --corner-card:14px; --corner-label:0px; --corner-submit:9px; --border-label:1px; --border-heavy:4px; --space-baseline:0px; /* the stripe this brand alone draws */ --stripe-1:#8e6fa8; --stripe-2:#5e7344; --stripe-3:#c2562f; --ink-card-label:#a63f19; --paper-card-label:rgba(255,255,255,0); --line-card-label:#cfcec9; --border-card-label:0px; --pad-card-label:0px; --pad-card-label-inline:0px; --line-brand:#d97757; --paper-special-1:#e3e1d8; --paper-special-2:#e6dfec; --paper-special-3:#efece3; --paper-special-4:#f8f6f2; --paper-sponsor:#f6ddd5; --ink-sponsor:#141413; --paper-active:#3b3a36; --paper-chip-active:#6b6a63; --ink-chip-active:#f8f6f2; --paper-mask:rgba(0,0,0,0.5); } [data-brand="boker"][data-theme="light"], [data-brand="boker"] [data-theme="light"]{ /* text */ --ink:#0e1c4e; --ink-body:#0e1c4e; --ink-soft:#263360; --ink-quiet:#3c4770; --ink-disabled:#3c4770; --ink-heading:#0e1c4e; --ink-byline:#263360; --ink-alert:#0e1c4e; --ink-breaking:#005e9d; --ink-cta:#0e1c4e; --ink-nav:#0e1c4e; --ink-chip:#263360; --ink-link:#005e9d; --ink-accent:#005e9d; --ink-quote:#005e9d; --ink-brand:#0e1c4e; --ink-on-button:#0e1c4e; --ink-invert:rgba(255,255,255,0.95); --ink-always-white:#ffffff; --ink-always-dark:#08102b; --ink-label:#0e1c4e; --ink-mono:#08102b; /* surfaces */ --paper:#f8f8ff; --paper-card:#dddfe6; --paper-card-opinion:#ffe47a; --paper-sunken:#c5ecff; --paper-brand:#64d3ff; --paper-brand-fixed:#64d3ff; --paper-brand-inverse:#ffffff; --paper-header:#ffffff; --paper-menu:#e8f7ff; --paper-chip:#c5ecff; --paper-button:#ffe47a; --paper-button-secondary:#c5ecff; --paper-invert:#08102b; --paper-white:#ffffff; --paper-always-white:#ffffff; --paper-always-dark:#08102b; --paper-highlight:#fff8e0; --paper-feature-dark:#3c4770; --paper-label:#64d3ff; /* what goes over a photograph */ --photo-shade-half:rgba(8,16,43,0.35); --photo-shade-full:#08102b; --photo-shade-strong:rgba(8,16,43,0.75); /* rules */ --line:#64d3ff; --line-soft:#c5ecff; --line-strong:#64d3ff; --line-darkest:#08102b; --line-chip:rgba(8,16,43,0.2); --line-label:rgba(255,255,255,0); --line-gradient-1:#64d3ff; --line-gradient-2:#ffe47a; --line-gradient-3:#64d3ff; /* shape — per brand, because the design makes it so */ --corner-button:14px; --corner-media:14px; --corner-panel:9px; --corner-card:14px; --corner-label:9px; --corner-submit:9px; --border-label:0px; --border-heavy:4px; --space-baseline:0px; --ink-card-label:#0e1c4e; --paper-card-label:#64d3ff; --line-card-label:#64d3ff; --border-card-label:0px; --pad-card-label:2px; --pad-card-label-inline:10px; --line-brand:#64d3ff; --paper-special-1:#fff8e0; --paper-special-2:#e8f7ff; --paper-special-3:#ffe47a; --paper-special-4:#64d3ff; --paper-sponsor:#ffe47a; --ink-sponsor:#08102b; --paper-active:#0e1c4e; --paper-chip-active:#263360; --ink-chip-active:#e8f7ff; --paper-mask:rgba(8,16,43,0.5); }