/* QuoteOps — Color system
   Dark-first. Deep forest surfaces, crisp whites, vibrant lime accent.
   Base scales first, then semantic aliases. */
:root{
  /* ---- Forest (primary dark surfaces / brand ink) ---- */
  --forest-950:#071710;
  --forest-900:#0c2119; /* logo background */
  --forest-850:#0f2a20;
  --forest-800:#123527;
  --forest-700:#1a4331;
  --forest-600:#23553f;
  --forest-500:#2f6a4f;

  /* ---- Lime (accent: speed / intelligence / automation) ---- */
  --lime-300:#d6f08a;
  --lime-400:#c6ea6a;
  --lime-500:#b4df3f; /* primary accent — from logo */
  --lime-600:#9ec92f;
  --lime-700:#7fa521;

  /* ---- Emerald (gradient partner / success) ---- */
  --emerald-400:#3ecf8e;
  --emerald-500:#22b573;
  --emerald-600:#149a5f;

  /* ---- Neutrals: charcoal → silver → white ---- */
  --ink-950:#0a0f0d;
  --ink-900:#121815;
  --ink-800:#1c2521;
  --ink-700:#2a3530;
  --ink-600:#3c4a44;
  --ink-500:#5c6b64;
  --slate-400:#8a9791;
  --slate-300:#aab5af;
  --silver-200:#c9d2cd;
  --silver-100:#e5eae7;
  --white-50:#f4f7f5;
  --white:#ffffff;

  /* ---- Semantic status ---- */
  --danger-500:#e5533d;
  --danger-600:#c8402c;
  --warning-500:#e8b53a;
  --info-500:#4aa8e8;

  /* ---- Gradients (restrained, for depth) ---- */
  --grad-lime:linear-gradient(135deg,var(--lime-400) 0%,var(--emerald-500) 100%);
  --grad-silver:linear-gradient(180deg,var(--white) 0%,var(--silver-200) 100%);
  --grad-forest:linear-gradient(180deg,var(--forest-850) 0%,var(--forest-950) 100%);
  --grad-lime-glow:radial-gradient(120% 120% at 50% 0%,rgba(180,223,63,.16) 0%,rgba(180,223,63,0) 60%); /* @kind color */

  /* ================= SEMANTIC ALIASES (dark-first defaults) ================= */
  --bg-app:var(--forest-950);
  --bg-canvas:var(--forest-900);
  --surface-1:var(--forest-850);
  --surface-2:var(--forest-800);
  --surface-raised:var(--forest-800);
  --surface-inset:var(--forest-950);
  --surface-overlay:rgba(7,23,16,.72);

  --border-subtle:rgba(255,255,255,.07);
  --border-default:rgba(255,255,255,.12);
  --border-strong:rgba(255,255,255,.22);
  --border-accent:var(--lime-500);

  --text-primary:var(--white-50);
  --text-secondary:var(--slate-300);
  --text-muted:var(--slate-400);
  --text-inverse:var(--forest-900);
  --text-accent:var(--lime-500);
  --text-on-accent:var(--forest-950);

  --accent:var(--lime-500);
  --accent-hover:var(--lime-400);
  --accent-press:var(--lime-600);
  --accent-soft:rgba(180,223,63,.14);
  --accent-ring:rgba(180,223,63,.45);

  --success:var(--emerald-500);
  --success-soft:rgba(34,181,115,.16);
  --danger:var(--danger-500);
  --danger-soft:rgba(229,83,61,.15);
  --warning:var(--warning-500);
  --warning-soft:rgba(232,181,58,.15);
  --info:var(--info-500);
  --info-soft:rgba(74,168,232,.15);

  --focus-ring:0 0 0 3px var(--accent-ring);
  --link:var(--lime-500);
  --link-hover:var(--lime-400);
}

/* Optional light scope for marketing surfaces / documents. */
[data-theme="light"]{
  --bg-app:var(--white-50);
  --bg-canvas:var(--white);
  --surface-1:var(--white);
  --surface-2:var(--silver-100);
  --surface-raised:var(--white);
  --surface-inset:var(--white-50);
  --surface-overlay:rgba(12,33,25,.5);

  --border-subtle:rgba(12,33,25,.08);
  --border-default:rgba(12,33,25,.14);
  --border-strong:rgba(12,33,25,.28);

  --text-primary:var(--forest-900);
  --text-secondary:var(--ink-700);
  --text-muted:var(--ink-500);
  --text-inverse:var(--white);
  --text-accent:var(--lime-700);
  --text-on-accent:var(--forest-950);

  --accent-soft:rgba(158,201,47,.16);
  --link:var(--lime-700);
  --link-hover:var(--lime-600);
}