/* ==========================================================================
   Adentra AI — Warm Light SaaS Design Tokens
   Target audience: business owners & agency owners.
   Palette intentionally avoids blue & purple. Warm cream base,
   amber-gold accent (on-brand with logo), sage green for success.
   ========================================================================== */

:root {
  /* ---- Surfaces (warm, light) ---- */
  --bg-base:    #faf7f1;   /* warm cream — main page backdrop */
  --bg-alt:     #f3eee3;   /* soft sand — alternating sections */
  --bg-surface: #ffffff;   /* white — cards & panels */
  --bg-inset:   #f6f2ea;   /* faint inset fills (chart bars, tiles) */

  /* Legacy aliases (kept so existing selectors keep resolving) */
  --bg-dark: var(--bg-base);
  --bg-card: var(--bg-surface);
  --bg-card-hover: var(--bg-surface);
  --bg-card-solid: var(--bg-surface);

  /* ---- Warm dark (terminals / log feeds — espresso, never navy) ---- */
  --espresso:      #2a231b;
  --espresso-deep: #1f1912;
  --cream-text:    #ece2d2;

  /* ---- Borders & shadows (warm-tinted) ---- */
  --border-light:  rgba(40, 31, 20, 0.07);
  --border-medium: rgba(40, 31, 20, 0.13);
  --border-active: var(--amber-2);

  --shadow-sm: 0 2px 10px rgba(60, 45, 22, 0.05);
  --shadow-md: 0 14px 34px rgba(60, 45, 22, 0.08);
  --shadow-lg: 0 30px 70px rgba(60, 45, 22, 0.12);

  /* ---- Amber / gold — primary accent ---- */
  --amber-1: #eab54c;      /* light gold */
  --amber-2: #d1901f;      /* mid gold (accent) */
  --amber-3: #a86c12;      /* deep gold (text / links on light) */
  --amber-grad: linear-gradient(135deg, #eab54c 0%, #cf8a1c 100%);
  --amber-soft: #fbf1dc;   /* soft tint chip background */
  --amber-glow: rgba(207, 138, 28, 0.22);

  /* Legacy gold aliases used across the codebase */
  --gold-primary:  var(--amber-3);
  --gold-light:    var(--amber-soft);
  --gold-dark:     #8a5810;
  --gold-gradient: var(--amber-grad);
  --gold-glow:     var(--amber-glow);

  /* ---- Sage green — success / live / growth ---- */
  --sage:      #3f7a54;
  --sage-soft: #e8f1e9;

  /* ---- Supporting accents (no blue / no purple) ---- */
  --accent-green:  #3f7a54;   /* success */
  --accent-orange: #d98324;   /* warm alert */
  --accent-slate:  #6f6459;   /* warm neutral */
  /* accent-blue is repointed to amber so any stray reference stays on-palette */
  --accent-blue:   var(--amber-3);

  /* ---- Typography (warm neutrals) ---- */
  --text-primary:   #241d14;   /* warm near-black */
  --text-secondary: #6c6156;   /* warm taupe */
  --text-muted:     #a89b89;   /* soft sand-gray */

  /* ---- Fonts ---- */
  --font-display: 'Outfit', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --font-sans: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --font-mono: SFMono-Regular, Consolas, "Liberation Mono", Menlo, Courier, monospace;

  /* ---- Dimensions ---- */
  --container-max: 1200px;
  --radius-lg: 20px;
  --radius-md: 12px;
  --radius-sm: 8px;
  --radius-pill: 100px;

  /* ---- Motion ---- */
  --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --transition-fast: 0.2s var(--ease-out);
  --transition-normal: 0.35s var(--ease-out);
  --transition-slow: 0.6s var(--ease-out);
}

/* ---- Base reset & rhythm ---- */
* { margin: 0; padding: 0; box-sizing: border-box; }

html { scroll-behavior: smooth; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; }

body {
  font-family: var(--font-sans);
  background-color: var(--bg-base);
  color: var(--text-primary);
  line-height: 1.6;
}

h1, h2, h3, h4, h5 { font-family: var(--font-display); }

a { color: inherit; text-decoration: none; }

img, svg, canvas { display: block; max-width: 100%; }

.container {
  width: 92%;
  max-width: var(--container-max);
  margin: 0 auto;
}

::selection { background: var(--amber-soft); color: var(--amber-3); }