/* ================================================
   TABLE ONE SOCIETY — Design Tokens
   ================================================ */

:root {
  /* ── Colors ── */
  --color-bg-main:       #FEF7E6;
  --color-bg-alt:        #F8F3E6;
  --color-bg-dark:       #56211d; /* Only for footer/small sections */
  --color-bg-darker:     #3d1714;
  --color-bg-warm:       #6a2a24; /* Restored for Admin Panel */
  --color-bg-cream:      #FEF7E6;

  --color-text-main:     #56211d; /* Main text color */
  --color-text-light:    #FEF7E6; /* Text on dark backgrounds */
  --color-text-cream:    #FEF7E6; /* Restored for Admin Panel */
  --color-text-light-subtle: rgba(254, 247, 230, 0.7); /* Subtle text on dark backgrounds */
  --color-text-muted:    rgba(86, 33, 29, 0.7); /* Muted dark text */
  --color-text-subtle:   rgba(86, 33, 29, 0.5); /* Subtle dark text */
  
  --color-accent:        #56211d;
  --color-accent-light:  #56211d;

  --color-border-main:   rgba(86, 33, 29, 0.15);
  --color-border-light:  rgba(254, 247, 230, 0.15);

  --color-success:       #2E7D5B;
  --color-error:         #A43333;
  --color-warning:       #B8860B;

  /* ── Typography ── */
  --font-serif:    'Instrument Serif', 'Georgia', serif;
  --font-sans:     'Century Gothic', 'CenturyGothic', 'Apple Gothic', sans-serif;
  --font-script:   'Parfumerie Script', cursive;

  --fs-hero:       clamp(2.5rem, 7vw, 5rem);
  --fs-h1:         clamp(2rem, 5vw, 3.5rem);
  --fs-h2:         clamp(1.5rem, 3.5vw, 2.5rem);
  --fs-h3:         clamp(1.2rem, 2.5vw, 1.75rem);
  --fs-body:       clamp(0.95rem, 1.2vw, 1.1rem);
  --fs-small:      clamp(0.75rem, 1vw, 0.85rem);
  --fs-label:      0.7rem;

  --lh-tight:      1.1;
  --lh-heading:    1.25;
  --lh-body:       1.7;

  --ls-wide:       0.2em;
  --ls-wider:      0.35em;
  --ls-normal:     0.02em;

  /* ── Spacing ── */
  --space-xs:      0.5rem;
  --space-sm:      1rem;
  --space-md:      1.5rem;
  --space-lg:      2.5rem;
  --space-xl:      4rem;
  --space-2xl:     6rem;
  --space-3xl:     10rem;

  --container-max: 1200px;
  --container-pad: clamp(1.25rem, 5vw, 3rem);

  /* ── Transitions ── */
  --ease-out:      cubic-bezier(0.25, 1, 0.25, 1);
  --ease-in-out:   cubic-bezier(0.65, 0, 0.35, 1);
  --duration-fast: 0.2s;
  --duration-med:  0.4s;
  --duration-slow: 0.8s;
  --duration-hero: 1.2s;

  /* ── Borders ── */
  --radius-sm:     4px;
  --radius-md:     8px;
  --radius-lg:     16px;
  --radius-full:   9999px;

  /* ── Shadows ── */
  --shadow-sm:     0 4px 14px rgba(86, 33, 29, 0.05);
  --shadow-md:     0 10px 30px rgba(86, 33, 29, 0.08);
  --shadow-lg:     0 20px 50px rgba(86, 33, 29, 0.12);
  --shadow-glow:   0 0 50px rgba(196, 164, 74, 0.15);
}