/**
 * Aurum Theme — Gold accent on obsidian dark, elegant display serif.
 * For: telosofi
 *
 * Personality: authoritative, classical, warm-gold. Hard money meets digital rails.
 * Instrument Serif for headings (loaded conditionally in base.html).
 */

html[data-theme="aurum"] {
  /* --- Backgrounds (obsidian-dark) --- */
  --space-black:    #0c0b0a;
  --space-dark:     #12110f;
  --space-gray-900: #1a1815;
  --space-gray-800: #24211c;
  --space-gray-700: #332f28;

  /* --- Text (warm ivory) --- */
  --text-primary:   #ede8df;
  --text-secondary: #a89f90;
  --text-muted:     #6b6358;
  --text-disabled:  #3d3830;

  /* --- Override accent → gold --- */
  --spacex-blue:        #c9a96e;
  --spacex-blue-light:  #dcc494;
  --spacex-blue-bright: #e8d5ab;
  --spacex-blue-dark:   #a8864d;

  /* --- Accent tints (gold) --- */
  --accent-tint:   rgba(201, 169, 110, 0.08);
  --accent-border: rgba(201, 169, 110, 0.15);
  --accent-glow:   rgba(201, 169, 110, 0.20);

  /* --- Glass → warm-tinted translucency with gold borders --- */
  --glass-bg:         rgba(26, 24, 21, 0.70);
  --glass-border:     rgba(201, 169, 110, 0.10);
  --glass-backdrop:   blur(8px);
  --glass-shadow:     0 4px 20px rgba(0, 0, 0, 0.35);
  --glow-blue:        0 0 16px rgba(201, 169, 110, 0.12);
  --glow-blue-strong: 0 0 32px rgba(201, 169, 110, 0.22);

  /* --- Typography (elegant display serif, classical headings) --- */
  --font-heading:            'Instrument Serif', Georgia, 'Times New Roman', serif;
  --letter-spacing-heading:  -0.01em;
  --text-transform-heading:  none;
  --line-height-tight:       1.15;

  /* --- Border radius (medium, refined) --- */
  --radius-sm:   4px;
  --radius-md:   8px;
  --radius-lg:   12px;
  --radius-xl:   16px;
  --radius-2xl:  20px;
  --radius-full: 9999px;

  /* --- Shadows (deep, warm) --- */
  --shadow-sm: 0 2px 6px  rgba(0, 0, 0, 0.30);
  --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.35);
  --shadow-lg: 0 8px 24px rgba(0, 0, 0, 0.40);
  --shadow-xl: 0 12px 40px rgba(0, 0, 0, 0.45);

  /* --- Component: Buttons (gold border, warm glow on hover) --- */
  --btn-border:          1px solid rgba(201, 169, 110, 0.25);
  --btn-radius:          8px;
  --btn-shadow:          0 2px 8px rgba(0, 0, 0, 0.25);
  --btn-hover-shadow:    0 4px 16px rgba(201, 169, 110, 0.15);
  --btn-hover-transform: translateY(-1px);

  /* --- Component: Cards (subtle gold border, lift on hover) --- */
  --card-border:          1px solid rgba(201, 169, 110, 0.08);
  --card-radius:          12px;
  --card-shadow:          0 4px 12px rgba(0, 0, 0, 0.30);
  --card-hover-shadow:    0 8px 24px rgba(0, 0, 0, 0.35), 0 0 8px rgba(201, 169, 110, 0.08);
  --card-hover-transform: translateY(-2px);

  /* --- Component: Inputs (warm border, gold focus) --- */
  --input-border:     1px solid rgba(201, 169, 110, 0.15);
  --input-radius:     8px;
  --input-focus-ring: 0 0 0 2px rgba(201, 169, 110, 0.15);

  /* --- Component: Nav (obsidian translucent) --- */
  --nav-bg:     rgba(12, 11, 10, 0.90);
  --nav-border: 1px solid rgba(201, 169, 110, 0.08);

  /* --- Component: Badges --- */
  --badge-radius: 6px;

  /* --- Dividers (gold tint) --- */
  --divider-width: 1px;
  --divider-color: rgba(201, 169, 110, 0.10);

  /* --- Animation: smooth, refined easing --- */
  --ease-smooth:         cubic-bezier(0.25, 0.1, 0.25, 1);
  --transition-fast:     160ms var(--ease-smooth);
  --transition-base:     250ms var(--ease-smooth);
  --transition-slow:     380ms var(--ease-smooth);
  --hover-lift-sm:       translateY(-1px);
  --hover-lift-md:       translateY(-3px);
}