/* RMK Connect design tokens (rmk_ui). The one place a colour value lives.
   Same values as Super Deal Maker's sdm_tokens.css, so SDM and RMK Connect look identical.

   Colour rules
     accent (#00E5FF) only as a BACKGROUND, or as TEXT ON INK. Never accent text on white (1.54:1).
     honey (#B8860B) is for HoneyGuide only: a background or border with INK text on it (6.1:1),
       or on dark surfaces. Never honey text on white (3.3:1).
     link-hover blue only for "go elsewhere".
     success / warning / danger for STATES only. */

@font-face { font-family: "Plus Jakarta Sans"; font-style: normal; font-weight: 400; font-display: swap;
  src: url("../fonts/plus-jakarta-sans-latin-400-normal.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: "Plus Jakarta Sans"; font-style: normal; font-weight: 500; font-display: swap;
  src: url("../fonts/plus-jakarta-sans-latin-500-normal.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: "Plus Jakarta Sans"; font-style: normal; font-weight: 600; font-display: swap;
  src: url("../fonts/plus-jakarta-sans-latin-600-normal.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: "Plus Jakarta Sans"; font-style: normal; font-weight: 700; font-display: swap;
  src: url("../fonts/plus-jakarta-sans-latin-700-normal.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: "Plus Jakarta Sans"; font-style: normal; font-weight: 800; font-display: swap;
  src: url("../fonts/plus-jakarta-sans-latin-800-normal.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; }

:root {
  /* Colour (CONTRACTS section 5) */
  --rmk-ink: #0A0A0A;
  --rmk-accent: #00E5FF;
  --rmk-accent-hover: #00C8E0;
  --rmk-accent-tint: #E0FBFF;
  --rmk-page: #F5F7F9;
  --rmk-card: #FFFFFF;
  --rmk-white: #FFFFFF;
  --rmk-border: #D0D7DE;
  --rmk-muted: #57606A;
  --rmk-muted-dark: #A8B3BD;
  --rmk-dark: #1F2328;
  --rmk-dark-border: #2D333B;
  --rmk-link-hover: #0B57D0;
  --rmk-success: #1A7F37;
  --rmk-success-bg: #E6F4EA;
  --rmk-warning: #9A6700;
  --rmk-warning-bg: #FFF4D6;
  --rmk-danger: #C62828;
  --rmk-danger-bg: #FDECEC;
  --rmk-honey: #B8860B;
  --rmk-honey-tint: #FBF3DF;
  --rmk-shadow: rgba(10, 10, 10, 0.12);
  --rmk-shadow-strong: rgba(10, 10, 10, 0.28);
  --rmk-glow: rgba(0, 229, 255, 0.18);
  --rmk-scrim: rgba(10, 10, 10, 0.55);

  /* Radius */
  --rmk-r-btn: 12px;
  --rmk-r-card: 16px;
  --rmk-r-card-lg: 20px;
  --rmk-r-tile: 14px;
  --rmk-r-chip: 999px;

  /* Type */
  --rmk-font: "Plus Jakarta Sans", system-ui, -apple-system, "Segoe UI", Roboto, "Noto Sans", Arial, sans-serif;
  --rmk-fs-small: 14px;
  --rmk-fs-body: 16px;
  --rmk-fs-lead: 18px;
  --rmk-fs-h3: 18px;
  --rmk-fs-h2: clamp(22px, 0.9rem + 2.2vw, 40px);
  --rmk-fs-h1: clamp(24px, 1rem + 1.6vw, 40px);
  --rmk-fs-hero: clamp(28px, 0.6rem + 5.6vw, 58px);
  --rmk-lh: 1.5;
  --rmk-lh-tight: 1.15;

  /* Space and size */
  --rmk-sp-1: 4px;
  --rmk-sp-2: 8px;
  --rmk-sp-3: 12px;
  --rmk-sp-4: 16px;
  --rmk-sp-5: 20px;
  --rmk-sp-6: 24px;
  --rmk-sp-8: 32px;
  --rmk-sp-section: clamp(40px, 6vw, 88px);
  --rmk-container: 1200px;
  --rmk-gutter: clamp(16px, 3vw, 24px);
  --rmk-target: 44px;
  --rmk-target-main: 48px;
  --rmk-target-hero: 56px;
  --rmk-tabbar-h: 64px;
  --rmk-focus: 0 0 0 3px var(--rmk-white), 0 0 0 6px var(--rmk-ink);

  /* Aliases with Super Deal Maker's token names, so SDM pages can read rmk_ui values directly. */
  --c-black: var(--rmk-ink);
  --c-brand: var(--rmk-accent);
  --c-white: var(--rmk-white);
  --c-grey: var(--rmk-page);
  --c-border: var(--rmk-border);
  --c-muted: var(--rmk-muted);
  --c-muted-on-black: var(--rmk-muted-dark);
  --c-line-on-black: var(--rmk-dark-border);
  --c-line-on-black-2: var(--rmk-dark);
  --c-leave: var(--rmk-link-hover);
  --c-ok: var(--rmk-success);
  --c-ok-tint: var(--rmk-success-bg);
  --c-warn-ink: var(--rmk-warning);
  --c-warn-tint: var(--rmk-warning-bg);
  --c-bad: var(--rmk-danger);
  --c-bad-tint: var(--rmk-danger-bg);
}