/* css/tokens.css */
:root {
  /* Cores - Paleta Baseada em Tons de Joalheria sobre Fundo Cinza Quente */
  --color-base: oklch(95.07% 0.005 50);          /* #F0EEEB - Fundo principal */
  --color-surface: oklch(91.68% 0.007 50);       /* #E8E5E0 - Fundo de cards e seções */
  --color-gold-primary: oklch(73.55% 0.134 83.18); /* #C9A84C - Destaques, bordas, títulos */
  --color-gold-light: oklch(82.9% 0.125 84.77);   /* #E2C97E - Efeitos de luz, gradientes, hovers */
  --color-gold-dark: oklch(50.81% 0.135 81.33);    /* #8B6914 - Links ativos, botões hover */
  --color-text-main: oklch(18.06% 0 0);           /* #1A1A1A - Texto principal */
  --color-text-muted: oklch(44.38% 0 0);          /* #5C5C5C - Descrições e textos de suporte */
  --color-contrast: oklch(100% 0 0);              /* #FFFFFF - Texto sobre dourado escuro */

  /* Tipografia */
  --font-display: 'Cormorant Garamond', Georgia, Cambria, serif;
  --font-body: 'Jost', system-ui, -apple-system, sans-serif;

  /* Pesos de Fontes */
  --weight-light: 300;
  --weight-regular: 400;
  --weight-medium: 500;
  --weight-semibold: 600;

  /* Escala Tipográfica Fluida */
  --size-h1: clamp(2.25rem, 5vw, 3.5rem);
  --size-h2: clamp(1.75rem, 4vw, 2.5rem);
  --size-h3: clamp(1.25rem, 3vw, 1.75rem);
  --size-body: clamp(0.95rem, 1.5vw, 1.1rem);
  --size-small: 0.85rem;

  /* Alturas de Linha */
  --lh-body: 1.6;
  --lh-heading: 1.2;

  /* Escala Modular de Espaçamento */
  --space-xs: 4px;
  --space-sm: 8px;
  --space-md: 12px;
  --space-lg: 16px;
  --space-xl: 24px;
  --space-2xl: 32px;
  --space-3xl: 48px;
  --space-4xl: 64px;
  --space-section: clamp(4rem, 10vw, 8rem);

  /* Arredondamento de Bordas (Radii) */
  --radius-none: 0px;
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 16px;

  /* Sombras (Shadows) */
  --shadow-ambient: 0 2px 10px oklch(18.06% 0 0 / 0.03);
  --shadow-elevation: 0 10px 30px oklch(18.06% 0 0 / 0.05);
  --shadow-panel: -10px 0 30px oklch(18.06% 0 0 / 0.05);
  --shadow-gold-ambient: 0 8px 32px oklch(73.55% 0.134 83.18 / 0.15);
  --shadow-focus: 0 0 0 3px oklch(73.55% 0.134 83.18 / 0.5); /* Foco acessível */

  /* Transições padrão */
  --transition-smooth: 300ms ease;
  --transition-fast: 150ms ease;
}