/* ============================================================
   LAPIDAR — Design Tokens
   ============================================================ */

:root {
  /* Cores principais */
  --vinho:         #5B2333;
  --vinho-dark:    #3B1620;
  --vinho-light:   #7A3348;
  --vinho-xlight:  #F6E7E9;

  /* Neutros */
  --bege:          #F4EFE7;
  --bege-dark:     #E9DFD2;
  --bege-darker:   #CFBCAE;
  --white:         #FFFDF9;

  /* Acentos */
  --dourado:       #C6A15B;
  --dourado-light: #E4CFA0;
  --dourado-pale:  #FBF5E8;
  --oliva:         #66724A;
  --oliva-light:   #6F7C4D;
  --oliva-pale:    #EEF1E8;

  /* Texto */
  --text-primary:  #1C1418;
  --text-secondary:#473A3F;
  --text-muted:    #473A3F;
  --text-inverted: #F4EFE7;

  /* Bordas */
  --border:        #CFBCAE;
  --border-dark:   #BBA89B;

  /* Status / Alertas */
  --red-bg:        #F8E0E3;
  --red-text:      #86192A;
  --yellow-bg:     #F8EBCF;
  --yellow-text:   #7A4C06;
  --blue-bg:       #E2EAF3;
  --blue-text:     #263F63;
  --purple-bg:     #EDE9FE;
  --purple-text:   #5B21B6;
  --pink-bg:       #FCE7F3;
  --pink-text:     #9D174D;
  --green-bg:      #E4EFE3;
  --green-text:    #66724A;

  /* Tipografia */
  --font-serif:    'Playfair Display', Georgia, serif;
  --font-sans:     'Montserrat', system-ui, sans-serif;

  /* Escala tipográfica */
  --text-xs:       0.875rem;   /* 14px */
  --text-sm:       1rem;       /* 16px */
  --text-base:     1rem;       /* 16px */
  --text-lg:       1.125rem;   /* 18px */
  --text-xl:       1.25rem;    /* 20px */
  --text-2xl:      1.5rem;     /* 24px */
  --text-3xl:      1.875rem;   /* 30px */

  /* Espaçamentos */
  --space-1:       0.25rem;
  --space-2:       0.5rem;
  --space-3:       0.75rem;
  --space-4:       1rem;
  --space-5:       1.25rem;
  --space-6:       1.5rem;
  --space-8:       2rem;
  --space-10:      2.5rem;
  --space-12:      3rem;

  /* Bordas arredondadas */
  --radius-sm:     6px;
  --radius:        14px;
  --radius-md:     16px;
  --radius-lg:     18px;
  --radius-xl:     20px;
  --radius-full:   9999px;

  /* Sombras */
  --shadow-sm:     0 1px 4px rgba(53,16,19,0.07);
  --shadow:        0 2px 12px rgba(53,16,19,0.09);
  --shadow-md:     0 4px 20px rgba(53,16,19,0.13);
  --shadow-lg:     0 8px 40px rgba(53,16,19,0.18);

  /* Layout */
  --sidebar-width: 264px;
  --topbar-height: 76px;

  /* Transições */
  --transition:    all 0.2s ease;
  --transition-slow: all 0.35s ease;
}