/* ============================================================================
   domo.pet — BRAND DESIGN TOKENS
   ============================================================================
   The ONLY place a raw color exists. Every component references these
   custom properties. Restyling the brand later = edit this file (and
   core/context.py's mirror) — zero template/component changes.

   Token contract (user-ratified naming):
   --brand-primary, --brand-secondary, --accent, --background, --surface,
   --border, --text, --muted, --success, --warning, --danger.

   Doctrine: «تکنولوژی در پوسته، گرما در محتوا» — a deep desaturated
   teal-navy shell (technology, calm authority) with a warm amber accent
   (the animal in the machine). Text pairs pass WCAG AA on their
   intended backgrounds.
   ========================================================================== */

:root {
  /* Brand */
  --brand-primary: #2dd4bf;      /* teal-400 — domo signature, hex motif */
  --brand-secondary: #0ea5e9;    /* sky-500 — gradient partner */
  --accent: #f59e0b;             /* amber-500 — warmth, CTAs */

  /* Shell */
  --background: #0b1220;
  --surface: #111a2c;
  --surface-raised: #16213a;     /* hover/ elevated cards */
  --border: #1e293b;

  /* Text */
  --text: #e2e8f0;
  --muted: #94a3b8;

  /* Semantic */
  --success: #34d399;
  --warning: #fbbf24;
  --danger: #f87171;

  /* Derived (computed, not re-authored) */
  --gradient-hero: linear-gradient(135deg, var(--brand-primary), var(--brand-secondary));
  --surface-glow: rgba(45, 212, 191, 0.08);

  /* Type scale (Vazirmatn, self-hosted 5 weights — see fonts.css) */
  --font-sans: "Vazirmatn", "Segoe UI", Tahoma, sans-serif;
  --font-mono: "Vazirmatn", "Cascadia Mono", monospace;

  /* Radii & spacing rhythm */
  --radius: 14px;
  --radius-sm: 8px;
  --section-gap: clamp(4rem, 8vw, 7rem);

  /* Motion — always respects prefers-reduced-motion (see base.css) */
  --ease-out: cubic-bezier(0.22, 1, 0.36, 1);
}

/* Light theme is a future decision — tokens exist so flipping the shell
   is a variable change, not a redesign. Placeholder mapping kept honest:
   uncomment only with a real palette review.
   [data-theme="light"] { --background: #f8fafc; --surface: #ffffff; ... } */