/* Argyle Partners — design tokens
 * Warm ivory + amber primary. Deep espresso text. Colorful data-viz palette
 * on an ivory canvas (amber / coral / magenta / violet / teal).
 */

:root, [data-theme="ivory-amber"] {
  /* Surfaces */
  --bg-canvas: #FBF7F0;
  --bg-surface: #FFFFFF;
  --bg-muted: #F4EDE0;
  --bg-sunk: #EFE7D6;
  --bg-inverse: #1A1410;

  /* Text */
  --text-1: #1A1410;
  --text-2: #4A3E33;
  --text-3: #8A7A66;
  --text-inv: #FBF7F0;

  /* Borders */
  --border: #E6DCC6;
  --border-strong: #C9B994;
  --border-ink: #1A1410;

  /* Brand / accents */
  --amber: #D97706;
  --amber-soft: #FBBF24;
  --amber-tint: #FEF3C7;
  --gilt: #B08A3E;

  /* Data-viz palette (use these; never invent) */
  --viz-1: #D97706; /* amber */
  --viz-2: #E11D48; /* coral/rose */
  --viz-3: #BE185D; /* magenta */
  --viz-4: #7C3AED; /* violet */
  --viz-5: #0D9488; /* teal */
  --viz-6: #1E3A8A; /* navy */
  --viz-7: #84CC16; /* lime */
  --viz-8: #B45309; /* bronze */

  /* Semantic */
  --pos: #15803D;
  --neg: #B91C1C;
  --warn: #B45309;
  --info: #1E3A8A;

  /* Shadows */
  --shadow-sm: 0 1px 0 rgba(26,20,16,0.04), 0 1px 2px rgba(26,20,16,0.04);
  --shadow-md: 0 1px 0 rgba(26,20,16,0.04), 0 4px 12px rgba(26,20,16,0.06);
  --shadow-lg: 0 8px 32px rgba(26,20,16,0.08), 0 2px 8px rgba(26,20,16,0.04);

  /* Type */
  --font-display: "General Sans", "Inter Tight", ui-sans-serif, system-ui, sans-serif;
  --font-body: "Inter Tight", ui-sans-serif, system-ui, sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, Menlo, Consolas, monospace;

  /* Radii + spacing */
  --r-sm: 4px;
  --r-md: 6px;
  --r-lg: 10px;
  --r-xl: 16px;
  --pad-card: 20px;
}

[data-theme="navy-dark"] {
  --bg-canvas: #0B0F1A;
  --bg-surface: #111827;
  --bg-muted: #1E293B;
  --bg-sunk: #0A0D14;
  --bg-inverse: #F8FAFC;

  --text-1: #F8FAFC;
  --text-2: #CBD5E1;
  --text-3: #64748B;
  --text-inv: #0B0F1A;

  --border: #1E293B;
  --border-strong: #334155;
  --border-ink: #F8FAFC;

  --amber: #F59E0B;
  --amber-soft: #FCD34D;
  --amber-tint: #78350F;
  --gilt: #D4AF6A;

  --viz-1: #F59E0B;
  --viz-2: #FB7185;
  --viz-3: #F472B6;
  --viz-4: #A78BFA;
  --viz-5: #2DD4BF;
  --viz-6: #60A5FA;
  --viz-7: #A3E635;
  --viz-8: #F97316;

  --pos: #22C55E;
  --neg: #F87171;
  --warn: #FBBF24;
  --info: #60A5FA;

  --shadow-sm: 0 1px 0 rgba(0,0,0,0.6), 0 1px 2px rgba(0,0,0,0.3);
  --shadow-md: 0 1px 0 rgba(0,0,0,0.6), 0 4px 12px rgba(0,0,0,0.4);
  --shadow-lg: 0 8px 32px rgba(0,0,0,0.5), 0 2px 8px rgba(0,0,0,0.3);
}

[data-theme="sepia-gilt"] {
  --bg-canvas: #F4EBD8;
  --bg-surface: #FDF9EF;
  --bg-muted: #EADFC3;
  --bg-sunk: #E2D5B3;
  --bg-inverse: #23170A;

  --text-1: #23170A;
  --text-2: #544330;
  --text-3: #8C7B5C;
  --text-inv: #F4EBD8;

  --border: #D9C99F;
  --border-strong: #B08A3E;
  --border-ink: #23170A;

  --amber: #B08A3E;
  --amber-soft: #D4AF6A;
  --amber-tint: #F0E4C0;
  --gilt: #8B6914;

  --viz-1: #B08A3E;
  --viz-2: #A13B2C;
  --viz-3: #7A2C4E;
  --viz-4: #4A3B82;
  --viz-5: #2F6E63;
  --viz-6: #1E3A8A;
  --viz-7: #6B7F2E;
  --viz-8: #7A4A1A;
}

/* Density */
[data-density="compact"] {
  --pad-card: 14px;
}