/* Encore brand tokens for the Assistant Readiness Index.
   Values are copied from docs/brand/colors.css, typography.css and geometry.css.
   The status tokens at the end are derived from brand colors only. */

@font-face { font-family: "Perfektta"; src: url("../assets/fonts/Perfektta-Regular.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: "Perfektta"; src: url("../assets/fonts/Perfektta-Medium.ttf") format("truetype"); font-weight: 500; font-style: normal; font-display: swap; }
@font-face { font-family: "Perfektta"; src: url("../assets/fonts/Perfektta-SemiBold.ttf") format("truetype"); font-weight: 600; font-style: normal; font-display: swap; }
@font-face { font-family: "Perfektta"; src: url("../assets/fonts/Perfektta-Bold.ttf") format("truetype"); font-weight: 700 900; font-style: normal; font-display: swap; }

/* Schibsted Grotesk (SIL Open Font License) carries the interface text. Perfektta carries headlines and numbers. */
@font-face { font-family: "Schibsted Grotesk"; src: url("../assets/fonts/SchibstedGrotesk-ext-400.woff2") format("woff2"); font-weight: 400; font-style: normal; font-display: swap; 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: "Schibsted Grotesk"; src: url("../assets/fonts/SchibstedGrotesk-400.woff2") format("woff2"); font-weight: 400; font-style: normal; font-display: swap; 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+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }
@font-face { font-family: "Schibsted Grotesk"; src: url("../assets/fonts/SchibstedGrotesk-ext-500.woff2") format("woff2"); font-weight: 500; font-style: normal; font-display: swap; 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: "Schibsted Grotesk"; src: url("../assets/fonts/SchibstedGrotesk-500.woff2") format("woff2"); font-weight: 500; font-style: normal; font-display: swap; 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+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }
@font-face { font-family: "Schibsted Grotesk"; src: url("../assets/fonts/SchibstedGrotesk-ext-600.woff2") format("woff2"); font-weight: 600; font-style: normal; font-display: swap; 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: "Schibsted Grotesk"; src: url("../assets/fonts/SchibstedGrotesk-600.woff2") format("woff2"); font-weight: 600; font-style: normal; font-display: swap; 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+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }
@font-face { font-family: "Schibsted Grotesk"; src: url("../assets/fonts/SchibstedGrotesk-ext-700.woff2") format("woff2"); font-weight: 700; font-style: normal; font-display: swap; 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: "Schibsted Grotesk"; src: url("../assets/fonts/SchibstedGrotesk-700.woff2") format("woff2"); font-weight: 700; font-style: normal; font-display: swap; 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+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }

:root {
  /* Brand core */
  --encore-buffalo-brown: rgb(103, 48, 57);
  --encore-buffalo-brown-deep: rgb(109, 44, 50);
  --encore-midnight: rgb(40, 40, 40);
  --encore-midnight-blue: rgb(15, 15, 103);
  --encore-izmir-blue: rgb(25, 70, 186);
  --encore-rare-blue: rgb(78, 97, 254);
  --encore-rare-blue-muted: rgb(86, 104, 234);
  --encore-buzz-pink: rgb(255, 110, 149);
  --encore-lolly-pink: rgb(252, 151, 143);
  --encore-hero-salmon: rgb(243, 144, 139);
  --encore-buttercream: rgb(255, 249, 241);
  --encore-buttercream-bright: rgb(255, 253, 249);
  --encore-buttercream-warm: rgb(255, 252, 248);
  --encore-yellow-sheet: rgb(255, 240, 221);
  --encore-ibiza-yellow: rgb(252, 241, 190);
  --encore-artichoke: rgb(125, 135, 69);
  --encore-green-cta: rgb(118, 234, 153);
  --encore-warm-gray: rgb(97, 97, 97);
  --encore-simple-gray: rgb(185, 185, 185);
  --encore-ash-taupe: rgb(212, 210, 200);
  --encore-hairline: rgb(223, 223, 223);
  --encore-white: rgb(255, 255, 255);
  --encore-ink-45: rgb(46, 46, 45);

  /* Semantic aliases */
  --surface-page: var(--encore-buttercream-bright);
  --surface-card: var(--encore-buttercream);
  --surface-card-inverse: var(--encore-buffalo-brown);
  --surface-sheet: var(--encore-yellow-sheet);
  --surface-muted: rgba(237, 237, 237, 0.65);

  --text-heading: var(--encore-midnight);
  --text-body: var(--encore-ink-45);
  --text-secondary: var(--encore-warm-gray);
  --text-muted: var(--encore-simple-gray);
  --text-on-brand: var(--encore-buttercream-warm);
  --text-on-dark: var(--encore-buttercream);
  --text-link: var(--encore-izmir-blue);
  --text-link-hover: color-mix(in srgb, var(--encore-izmir-blue) 68%, var(--encore-midnight));
  --text-brand-ink: var(--encore-buffalo-brown);

  --action-primary: var(--encore-buzz-pink);
  --action-secondary: var(--encore-izmir-blue);

  --border-hairline: var(--encore-hairline);
  --border-muted: var(--encore-simple-gray);
  --border-flag-inner: var(--encore-white);
  --border-focus: var(--encore-izmir-blue);

  /* Typography */
  --font-display: "Perfektta", "Perfektta VF-TRIAL", Georgia, serif;
  --font-ui: "Schibsted Grotesk", -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, sans-serif;
  --font-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace;

  --display-hero-size: 64px;
  --display-hero-lh: 1.07;
  --display-hero-track: -0.03em;
  --display-section-size: 48px;
  --display-section-lh: 0.9;
  --display-section-track: -0.02em;
  --display-stat-size: 53.80479049682617px;
  --display-card-size: 32px;
  --display-card-lh: 0.95;
  --body-lead-size: 21px;
  --body-emph-size: 18px;
  --body-size: 16px;
  --body-small-size: 15px;
  --label-size: 14px;
  --nav-size: 13px;
  --caption-size: 12px;
  --button-label-size: 18px;
  --button-label-track: -0.01em;

  /* Spacing and layout */
  --space-2: 2px;
  --space-4: 4px;
  --space-6: 6px;
  --space-10: 10px;
  --space-16: 16px;
  --space-20: 20px;
  --space-26: 26px;
  --space-30: 30px;
  --space-32: 32px;
  --space-35: 35px;
  --space-64: 64px;
  --content-max: 1200px;
  --section-gap: 64px;
  --gutter: 16px;

  /* Radii (irregular on purpose) */
  --radius-flag: 0px;
  --radius-xs: 2.5859375px;
  --radius-sm: 5px;
  --radius-pill: 9px;
  --btn-radius: 999px;   /* buttons, chips and tags are capsules; set to var(--radius-pill) to go back to the brand rectangle */
  --radius-chip: 11.443750381469727px;
  --radius-tile: 12px;
  --radius-card-inner: 14.130915641784668px;
  --radius-card: 18px;
  --radius-panel: 27.337692260742188px;
  --radius-visual: 30px;
  --radius-card-lg: 32.83485412597656px;

  /* Borders, shadows, gradients, motion */
  --hairline: 1px solid var(--encore-hairline);
  --shadow-card: 0px 3.598px 4.798px 0px rgba(34, 34, 34, 0.08);
  --shadow-chip: 0px 4.291px 5.722px 0px rgba(34, 34, 34, 0.08);
  --shadow-inset-hairline: inset 0 0 0 1px var(--encore-hairline);
  --shadow-inset-muted: inset 0 0 0 1px var(--encore-simple-gray);
  --shadow-inset-blue: inset 0 0 0 1px var(--encore-izmir-blue);
  --shadow-inset-glass: inset 0 0 0 0.967px rgba(204, 204, 204, 0.41);
  --gradient-paper: linear-gradient(180deg, rgb(255, 253, 249) 0%, rgb(255, 240, 221) 49.45%, rgb(255, 253, 249) 91.7%);
  --ease-standard: cubic-bezier(0.4, 0, 0.2, 1);
  --duration-fast: 120ms;
  --duration-base: 200ms;
  --duration-slow: 400ms;

  /* Status colors for data. Always paired with a glyph or a word. */
  --status-pass: var(--encore-artichoke);
  --status-pass-line: color-mix(in srgb, var(--encore-artichoke) 78%, var(--encore-midnight));
  --status-partial-line: var(--encore-buffalo-brown);
  --status-fail-line: color-mix(in srgb, var(--encore-buzz-pink) 72%, var(--encore-buffalo-brown));
  --status-pass-bg: color-mix(in srgb, var(--encore-artichoke) 17%, var(--encore-buttercream));
  --status-partial: var(--encore-buffalo-brown);
  --status-partial-bg: var(--encore-ibiza-yellow);
  --status-fail: var(--encore-buzz-pink);
  --status-fail-bg: color-mix(in srgb, var(--encore-buzz-pink) 17%, var(--encore-buttercream));
  --status-unknown: var(--encore-simple-gray);
  --status-unknown-bg: var(--surface-muted);
  --status-live: var(--encore-izmir-blue);
  --status-live-bg: color-mix(in srgb, var(--encore-izmir-blue) 10%, var(--encore-buttercream));
}

@media (min-width: 720px) { :root { --gutter: 32px; } }
@media (min-width: 1100px) { :root { --gutter: 40px; } }