/* ============================================================================
   Sree — Colour tokens
   SOURCE OF TRUTH: Sree Figma design-system colour sheet + Sree-app
   app_color.dart. DISCIPLINED PALETTE — do not introduce extra hues:
     • Primary   — Orange 1 / Orange 2 (saffron)     • Positive — Green 1 / Green 2
     • Slate     — neutrals + emphasis (tokens/themes.css)
   Rani-pink secondary, gold, kumkum and the deity/sampradaya accents were
   REMOVED to keep the surface calm. The only functional exception is a single
   critical red (destructive / error). Warning aliases to Primary; info to Slate.
   ============================================================================ */
:root {
  /* ---- Primary — saffron / Orange 1 ---- */
  --sree-saffron: #ff9914;          /* Primary · AppColors.primary */
  --sree-saffron-hover: #cc5500;    /* canonical link/hover */
  --sree-saffron-pressed: #cc7400;  /* pressed */
  --sree-saffron-bright: #ffad3b;   /* hero */
  --sree-saffron-light: #ffc069;    /* soft accent */
  --sree-saffron-50: #fff4e5;        /* Orange 2 tint */
  --sree-saffron-100: #ffe8cc;
  --sree-saffron-border: #ffd8a8;
  --sree-primary-sub: #fce9e1;       /* Primary Sub · Orange 2 */

  /* ---- Brand gradient — buttons, selected nav, FAB, logo tile ----
     app uses topCenter→bottomCenter [#FF9914 → #FF3B01] */
  --sree-gradient-brand: linear-gradient(135deg, #ff9914 0%, #ff3b01 100%); /* @kind color */
  --sree-gradient-brand-v: linear-gradient(180deg, #ff9914 0%, #ff3b01 100%); /* @kind color */
  --sree-gradient-brand-br: linear-gradient(135deg, #ff9914 0%, #ff3b01 100%); /* @kind color */
  /* Devotional hero band — saffron→ember→deep, with a soft glow overlay */
  --sree-gradient-temple-hero: linear-gradient(155deg, #ff9914 0%, #ff3b01 55%, #b32a06 100%); /* @kind color */
  --sree-glow-saffron: radial-gradient(ellipse at top, rgba(255,153,20,0.22), transparent 60%); /* @kind color */

  /* ---- Positive — Green 1 / Green 2 (the one accent besides primary) ---- */
  --sree-positive: #17a672;          /* Positive · Green 1 */
  --sree-positive-sub: #dcf6ec;      /* Positive Sub · Green 2 */
  --sree-success: #17a672;           /* success = Positive */
  --sree-success-soft: rgba(23, 166, 114, 0.14);

  /* ---- Critical — single functional red (destructive / error only) ---- */
  --sree-danger: #ef4444;
  --sree-danger-soft: rgba(239, 68, 68, 0.13);

  /* ---- Warning / info — aliased to the system (no new hues) ---- */
  --sree-warning: var(--sree-saffron);          /* attention = Primary */
  --sree-warning-soft: var(--sree-saffron-50);
  --sree-info: var(--sree-fg-subtle);           /* informational = Slate */
  --sree-info-soft: var(--sree-slate-05, #f0f0f5);

  /* ---- Surfaces — Slate ---- */
  --sree-bg-base: #ffffff;            /* Slate 00 · surface / card */
  --sree-bg-base-hover: #f9fafb;
  --sree-bg-subtle: #f8fafc;           /* app shell */
  --sree-bg-subtle-hover: #f1f5f9;
  --sree-bg-field: #f9fafb;
  --sree-bg-highlight: #fff4e5;         /* soft primary highlight */
  --sree-bg-overlay: rgba(17, 24, 39, 0.5);

  /* ---- Foregrounds (solid aliases; see themes.css for slate-alpha emphasis) ---- */
  --sree-fg-base: #1f2937;             /* textPrimary */
  --sree-fg-subtle: #6b7280;           /* textSecondary */
  --sree-fg-muted: #9ca3af;            /* textLight */
  --sree-fg-disabled: #c4cad3;
  --sree-fg-on-color: #ffffff;

  /* ---- Borders ---- */
  --sree-border-base: #e5e7eb;
  --sree-border-strong: #d1d5db;

  /* ---- Dark-shell base tokens (see themes.css .sree-dark for the full set) ---- */
  --sree-dark-base: #1a1c22;
  --sree-dark-subtle: #101116;
  --sree-dark-container: #23262f;
  --sree-dark-fg: #f4f5f7;

  /* ---- Semantic aliases ---- */
  --sree-primary: var(--sree-saffron);
  --sree-secondary: var(--sree-positive);   /* the only secondary accent is green */
  --sree-text: var(--sree-fg-base);
  --sree-text-muted: var(--sree-fg-muted);
  --sree-surface: var(--sree-bg-base);
  --sree-surface-app: var(--sree-bg-subtle);
  --sree-link: var(--sree-saffron);

  /* ---- Saffron tint ramp (reference swatch — light→pale backgrounds) ---- */
  --sree-saffron-tint-1: #ff8c00;
  --sree-saffron-tint-2: #ff9d33;
  --sree-saffron-tint-3: #ffb066;
  --sree-saffron-tint-4: #ffc98f;
  --sree-saffron-tint-5: #ffe7cc;

  /* ---- Flame/escalation ramp (reference swatch — streak & urgency accents, orange→red) ---- */
  --sree-flame-1: #ff9d19;
  --sree-flame-2: #ff8c00;
  --sree-flame-3: #ff4500;
  --sree-flame-4: #ff0000;
}
