/* ============================================================
   Dynamicly — Color system
   Premium dark operating system for restaurant margin intelligence.
   Base palette (raw brand values) + semantic aliases.
   ============================================================ */
:root {
  /* ---- Base surfaces (dark OS) ---- */
  --dy-midnight: #070714;        /* Core background */
  --dy-operator-navy: #121326;   /* Surfaces & cards */
  --dy-deep-panel: #171733;      /* Inset panels */
  --dy-elevated: #1E1E42;        /* Hover / raised panel */

  /* ---- Brand action ---- */
  --dy-signal-coral: #F45A3D;    /* Primary / action */
  --dy-signal-coral-hover: #FF6E52;
  --dy-signal-coral-press: #D8482E;
  --dy-margin-volt: #C8FF00;     /* Live / opportunity micro-accent */

  /* ---- Foreground / text ---- */
  --dy-interface-cloud: #F4F4FF; /* Primary foreground */
  --dy-ledger-ash: #8A8AB0;      /* Muted text */
  --dy-neutral-ash: #A0A0C4;     /* Inactive / secondary */

  /* ---- Hospitality warmth ---- */
  --dy-warm-cream: #FFF6EA;      /* Light hospitality surface */
  --dy-warm-amber: #FFB454;      /* Highlight / warning */
  --dy-copper: #C96A3A;          /* Understated premium warmth */

  /* ---- Semantic status ---- */
  --dy-recovery-green: #33D17A;  /* Approved, saved, recovered */
  --dy-info-blue: #66A7FF;       /* Synced, data, neutral intelligence */
  --dy-risk-red: #FF4F64;        /* Blocked, urgent, high risk */

  /* ---- Semantic aliases (use these in product UI) ---- */
  --dy-bg: var(--dy-midnight);
  --dy-surface: var(--dy-operator-navy);
  --dy-surface-inset: var(--dy-deep-panel);
  --dy-surface-raised: var(--dy-elevated);

  --dy-text: var(--dy-interface-cloud);
  --dy-text-muted: var(--dy-ledger-ash);
  --dy-text-inactive: var(--dy-neutral-ash);
  --dy-text-on-coral: #1A0A06;
  --dy-text-on-volt: #131A00;
  --dy-text-on-light: #101024;

  --dy-action: var(--dy-signal-coral);
  --dy-action-hover: var(--dy-signal-coral-hover);
  --dy-action-press: var(--dy-signal-coral-press);
  --dy-live: var(--dy-margin-volt);

  --dy-approved: var(--dy-recovery-green);
  --dy-info: var(--dy-info-blue);
  --dy-warning: var(--dy-warm-amber);
  --dy-risk: var(--dy-risk-red);

  /* ---- Hairlines & translucent fills ---- */
  --dy-border-subtle: rgba(255, 255, 255, 0.08);
  --dy-border-strong: rgba(255, 255, 255, 0.14);
  --dy-border-coral: rgba(244, 90, 61, 0.28);
  --dy-fill-hover: rgba(255, 255, 255, 0.04);
  --dy-fill-soft: rgba(255, 255, 255, 0.055);
}