/* Refined Obsidian — design tokens */

:root {
  /* tipografía */
  --font-display: 'Cormorant Garamond', 'Playfair Display', Georgia, 'Times New Roman', serif;
  --font-sans: 'Manrope', system-ui, -apple-system, sans-serif;
  --font-mono: 'JetBrains Mono', ui-monospace, 'SF Mono', Menlo, monospace;

  /* type scale */
  --t-10: 10px; --t-11: 11px; --t-12: 12px; --t-13: 13px; --t-14: 14px;
  --t-16: 16px; --t-18: 18px; --t-22: 22px; --t-28: 28px; --t-40: 40px;

  /* spacing */
  --s-1: 4px; --s-2: 8px; --s-3: 12px; --s-4: 16px;
  --s-5: 20px; --s-6: 24px; --s-8: 32px; --s-12: 48px; --s-16: 64px;

  /* radius */
  --r-sm: 4px; --r-md: 6px; --r-lg: 8px;

  /* easing & motion */
  --ease: cubic-bezier(.2,.7,.2,1);
  --t-fast: 150ms;
  --t-med: 250ms;

  /* layout */
  --rail-w: 64px;
  --bottombar-h: 56px;
}

/* === DARK (primario) === */
:root,
[data-theme="dark"] {
  --bg: #0E0E10;
  --surface: #16161A;
  --surface-2: #1C1C22;
  --surface-3: #22222A;
  --border: #2A2A30;
  --border-strong: #3A3A44;
  --text: #E8DFC9;
  --text-muted: #8A8270;
  --text-faint: #5A5448;

  --gold: #D4B370;
  --gold-dim: #8B7440;
  --gold-soft: rgba(212, 179, 112, 0.10);

  --red: #C0573A;
  --red-soft: rgba(192, 87, 58, 0.12);
  --amber: #D4914F;
  --green: #6B8E5A;

  --shadow-modal: 0 40px 80px rgba(0, 0, 0, 0.7);
  --shadow-drawer: -20px 0 40px rgba(0, 0, 0, 0.5);
}

/* === LIGHT === */
[data-theme="light"] {
  --bg: #F4EFE6;
  --surface: #FFFFFF;
  --surface-2: #FAF6ED;
  --surface-3: #F0E9DC;
  --border: #E2D9C4;
  --border-strong: #C8BD9F;
  --text: #1A1610;
  --text-muted: #6B6353;
  --text-faint: #9C9381;

  --gold: #8B7440;
  --gold-dim: #6B5530;
  --gold-soft: rgba(139, 116, 64, 0.08);

  --red: #A03A1F;
  --red-soft: rgba(160, 58, 31, 0.08);
  --amber: #A6651F;
  --green: #3E6B2F;

  --shadow-modal: 0 30px 60px rgba(60, 40, 0, 0.18);
  --shadow-drawer: -12px 0 30px rgba(60, 40, 0, 0.12);
}