/* Tasilab — canonical design tokens
 * Source of truth: docs/Tasilab_lab_majlis_design_14_June_2026/styles.css
 * Loaded AFTER inline <style> so it overrides any drifted values.
 * Component/layout styles do NOT belong here — tokens only.
 */
:root {
  /* Surfaces — warm cream + deep ink */
  --bg: #f7f5f0;
  --bg-2: #efece4;
  --bg-card: #ffffff;
  --ink: #14181a;
  --ink-2: #2c3338;
  --muted: #6b7378;
  --muted-2: #9aa1a6;
  --line: rgba(20, 24, 26, 0.08);
  --line-strong: rgba(20, 24, 26, 0.14);

  /* Brand accent — refined Saudi green (oklch) */
  --accent: oklch(0.55 0.10 155);
  --accent-deep: oklch(0.42 0.10 155);
  --accent-soft: oklch(0.92 0.04 155);
  --accent-tint: oklch(0.97 0.02 155);

  /* Secondary signal — same chroma family */
  --gold: oklch(0.78 0.10 85);   /* Majlis seal / streak */
  --rose: oklch(0.62 0.13 25);   /* "history broke it" */
  --rose-deep: oklch(0.48 0.13 25);

  /* Dark feature sections (occasional, not the default theme) */
  --dark-bg: #0e1214;
  --dark-bg-2: #161b1e;
  --dark-ink: #e8ebec;
  --dark-muted: #8a9196;
  --dark-line: rgba(255, 255, 255, 0.08);

  /* Type — canonical names */
  --serif: "Source Serif 4", "Source Serif Pro", "IBM Plex Sans Arabic", Georgia, serif;
  --sans: "Inter Tight", "IBM Plex Sans Arabic", "Helvetica Neue", Helvetica, Arial, sans-serif;
  --mono: "JetBrains Mono", "IBM Plex Mono", "IBM Plex Sans Arabic", ui-monospace, SFMono-Regular, Menlo, monospace;
  /* Legacy aliases — existing inline styles reference these names */
  --font-sans: var(--sans);
  --font-mono: var(--mono);

  /* Radii */
  --r-sm: 6px;
  --r-md: 10px;
  --r-lg: 16px;
  --r-xl: 22px;

  /* Shadows */
  --shadow-sm: 0 1px 2px rgba(20, 24, 26, 0.04), 0 1px 1px rgba(20, 24, 26, 0.03);
  --shadow-md: 0 4px 12px rgba(20, 24, 26, 0.06), 0 1px 3px rgba(20, 24, 26, 0.04);
  --shadow-lg: 0 24px 48px -16px rgba(20, 24, 26, 0.16), 0 8px 16px -8px rgba(20, 24, 26, 0.08);
}