/*
 * tokens.css — the single source of truth for Trapitan's design tokens.
 *
 * Source: DESIGN.md FRONTMATTER (authoritative per CONTEXT.md canonical_refs).
 * DO NOT hand-edit values here without updating DESIGN.md's frontmatter first —
 * this file is a verbatim transcription of the `colors:`, `typography:`,
 * `rounded:`, and `spacing:` frontmatter blocks. DESIGN.md's prose §Colors
 * section describes a different, non-authoritative palette — its hexes are
 * descriptive-only and MUST NOT appear here; the frontmatter above always wins.
 *
 * DSGN-04: base.css and components.css (Plan 04) MUST reference these
 * `--rp-*` custom properties instead of defining raw hex/px values. Future
 * JS widgets can read these via `getComputedStyle(document.documentElement)`.
 */

:root {
  /* ---------------------------------------------------------------------
   * Colors (DESIGN.md frontmatter `colors:`) — Tactical Command palette
   * --------------------------------------------------------------------- */
  --rp-surface: #121212;
  --rp-surface-dim: #131313;
  --rp-surface-bright: #393939;
  --rp-surface-container-lowest: #201d1a;
  --rp-surface-container-low: #151515;
  --rp-surface-container: #171717;
  --rp-surface-container-high: #23211f;
  --rp-surface-container-highest: #2a241f;
  --rp-on-surface: #e8e1d8;
  --rp-on-surface-variant: #a9a29a;
  --rp-inverse-surface: #e5e2e1;
  --rp-inverse-on-surface: #313030;
  --rp-outline: #4a4037;
  --rp-outline-variant: #2b2927;
  --rp-surface-tint: #eebd8e;
  --rp-muted-2: #7f7972;
  --rp-muted: #8f8880;
  --rp-muted-dim: #77716b;
  --rp-muted-divider: #5e5953;
  --rp-muted-key: #98918a;
  --rp-control-surface: #1c1b1a;
  --rp-control-border: #312e2b;
  --rp-control-border-strong: #37332f;
  --rp-control-border-hover: #35312d;
  --rp-control-divider: #302d2a;
  --rp-avatar-surface: #28221e;
  --rp-surface-border-soft: #252321;

  /* Dashboard reference primitives — trapitan_dashboard_example.html. */
  --rp-ref-canvas: #121212;
  --rp-ref-sidebar: #171717;
  --rp-ref-topbar: #151515;
  --rp-ref-nav-active: #2a241f;
  --rp-ref-nav-hover: #23211f;
  --rp-ref-nav-icon: #817b74;
  --rp-ref-nav-icon-hover: #aaa198;
  --rp-ref-surface: #151515;
  --rp-ref-border: #2b2927;
  --rp-ref-border-soft: #252321;
  --rp-ref-text: #d8d1c8;
  --rp-ref-heading: #e8e1d8;
  --rp-ref-muted: #8f8880;
  --rp-ref-muted-2: #7f7972;
  --rp-ref-nav: #a9a29a;
  --rp-ref-nav-hover-text: #d5cec5;
  --rp-ref-bronze: #a67c52;
  --rp-ref-bronze-bright: #d6a16d;
  --rp-ref-crest-border: #4a4037;
  --rp-ref-crest-surface: #201d1a;
  --rp-ref-clock-dot: #5e5953;
  --rp-ref-search-surface: #1c1b1a;
  --rp-ref-search-border: #312e2b;
  --rp-ref-search-placeholder: #77716b;
  --rp-ref-shortcut-text: #98918a;
  --rp-ref-shortcut-surface: #252321;
  --rp-ref-shortcut-border: #37332f;
  --rp-ref-icon-hover: #242220;
  --rp-ref-icon-hover-border: #35312d;
  --rp-ref-top-divider: #302d2a;
  --rp-ref-avatar-surface: #28221e;
  /*
   * The standalone reference names Manrope but does not load it. Excluding the
   * app's vendored Manrope here preserves the reference's actual rendered
   * system-font result instead of changing it through global @font-face.
   */
  --rp-ref-ui-font: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --rp-ref-display-font: Georgia, "Times New Roman", serif;
  --rp-ref-mono-font: "SFMono-Regular", Consolas, "Liberation Mono", monospace;

  --rp-primary: #a67c52;
  --rp-on-primary: #472a06;
  --rp-primary-container: #d6a16d;
  --rp-on-primary-container: #3f2302;
  --rp-inverse-primary: #7c5730;

  --rp-secondary: #e9c176;
  --rp-on-secondary: #412d00;
  --rp-secondary-container: #604403;
  --rp-on-secondary-container: #dab36a;

  --rp-tertiary: #a4c9ff;
  --rp-on-tertiary: #00315d;
  --rp-tertiary-container: #4d93e5;
  --rp-on-tertiary-container: #002a51;

  --rp-error: #ffb4ab;
  --rp-on-error: #690005;
  --rp-error-container: #93000a;
  --rp-on-error-container: #ffdad6;

  --rp-primary-fixed: #ffdcbd;
  --rp-primary-fixed-dim: #eebd8e;
  --rp-on-primary-fixed: #2c1600;
  --rp-on-primary-fixed-variant: #61401b;

  --rp-secondary-fixed: #ffdea5;
  --rp-secondary-fixed-dim: #e9c176;
  --rp-on-secondary-fixed: #261900;
  --rp-on-secondary-fixed-variant: #5d4201;

  --rp-tertiary-fixed: #d4e3ff;
  --rp-tertiary-fixed-dim: #a4c9ff;
  --rp-on-tertiary-fixed: #001c39;
  --rp-on-tertiary-fixed-variant: #004883;

  --rp-background: #131313;
  --rp-on-background: #e5e2e1;
  --rp-surface-variant: #353534;

  /* ---------------------------------------------------------------------
   * Radii (DESIGN.md frontmatter `rounded:`)
   * --------------------------------------------------------------------- */
  --rp-radius-sm: 0.25rem;
  --rp-radius: 0.5rem;
  --rp-radius-md: 0.75rem;
  --rp-radius-lg: 1rem;
  --rp-radius-xl: 1.5rem;
  --rp-radius-full: 9999px;

  /* ---------------------------------------------------------------------
   * Spacing (DESIGN.md frontmatter `spacing:`)
   * --------------------------------------------------------------------- */
  --rp-space-unit: 4px;
  --rp-space-xs: 4px;
  --rp-space-sm: 8px;
  --rp-space-md: 16px;
  --rp-space-lg: 24px;
  --rp-space-xl: 32px;
  --rp-gutter: 20px;
  --rp-margin-desktop: 40px;

  /* ---------------------------------------------------------------------
   * Typography — font stacks (DESIGN.md frontmatter `typography:` fontFamily)
   * --------------------------------------------------------------------- */
  --rp-font-sans: 'Manrope', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  --rp-font-mono: 'JetBrains Mono', ui-monospace, 'SF Mono', Menlo, Consolas, monospace;
  --rp-display-font: Georgia, "Times New Roman", serif;

  /* ---------------------------------------------------------------------
   * Typography — scale (DESIGN.md frontmatter `typography:` roles)
   * --------------------------------------------------------------------- */

  /* display-lg */
  --rp-display-lg-size: 48px;
  --rp-display-lg-weight: 700;
  --rp-display-lg-lh: 56px;
  --rp-display-lg-ls: -0.02em;

  /* display-sm */
  --rp-display-sm-size: 32px;
  --rp-display-sm-weight: 700;
  --rp-display-sm-lh: 40px;
  --rp-display-sm-ls: -0.01em;

  /* headline-md */
  --rp-headline-md-size: 24px;
  --rp-headline-md-weight: 600;
  --rp-headline-md-lh: 32px;

  /* title-lg */
  --rp-title-lg-size: 20px;
  --rp-title-lg-weight: 600;
  --rp-title-lg-lh: 28px;

  /* body-lg */
  --rp-body-lg-size: 16px;
  --rp-body-lg-weight: 400;
  --rp-body-lg-lh: 24px;

  /* body-md */
  --rp-body-md-size: 14px;
  --rp-body-md-weight: 400;
  --rp-body-md-lh: 20px;

  /* mono-label */
  --rp-mono-label-size: 13px;
  --rp-mono-label-weight: 500;
  --rp-mono-label-lh: 16px;
  --rp-mono-label-ls: 0.05em;

  /* mono-data */
  --rp-mono-data-size: 12px;
  --rp-mono-data-weight: 400;
  --rp-mono-data-lh: 16px;

  /* nav-label */
  --rp-nav-label-size: 11px;
  --rp-nav-label-weight: 700;
  --rp-nav-label-lh: 16px;
  --rp-nav-label-ls: 0.14em;

  /* workspace-name */
  --rp-workspace-name-size: 24px;
  --rp-workspace-name-weight: 700;
  --rp-workspace-name-lh: 28px;

  /* brand-wordmark */
  --rp-brand-wordmark-size: 15px;
  --rp-brand-wordmark-weight: 700;
  --rp-brand-wordmark-lh: 20px;
  --rp-brand-wordmark-ls: 0.16em;

  /* workspace-meta */
  --rp-workspace-meta-size: 11px;
  --rp-workspace-meta-weight: 500;
  --rp-workspace-meta-lh: normal;
  --rp-workspace-meta-ls: 0.04em;
}