/* Cement brand tokens — served at /cement/brand.css */
:root {
  /* Colors */
  --cmt-color-background: #1A2340;
  --cmt-color-surface:    #243054;
  --cmt-color-border:     #4E4B46;
  --cmt-color-text:       #F4EAD5;
  --cmt-color-text-muted: #9E9880;
  --cmt-color-primary:    #D4A574;
  --cmt-color-accent:     #E8C77A;
  --cmt-color-white:      #FFF;
  --cmt-color-black:      #000;

  /* Typography */
  --cmt-font-heading: 'Cormorant Garamond', serif;
  --cmt-font-body:    'Inter', sans-serif;
  --cmt-font-mono:    'IBM Plex Mono', monospace;

  --cmt-text-xs:   0.625rem;
  --cmt-text-sm:   0.75rem;
  --cmt-text-base: 0.875rem;
  --cmt-text-lg:   1rem;
  --cmt-text-xl:   1.25rem;
  --cmt-text-2xl:  1.5rem;
  --cmt-text-3xl:  2rem;
  --cmt-text-4xl:  2.5rem;

  --cmt-leading-tight:   1.2;
  --cmt-leading-snug:    1.4;
  --cmt-leading-relaxed: 1.6;

  --cmt-tracking-tight:  -0.02em;
  --cmt-tracking-normal: 0em;
  --cmt-tracking-wide:   0.08em;
  --cmt-tracking-wider:  0.14em;
  --cmt-tracking-widest: 0.22em;

  --cmt-weight-light:   300;
  --cmt-weight-regular: 400;
  --cmt-weight-medium:  500;
  --cmt-weight-bold:    700;

  /* Spacing */
  --cmt-space-1:  0.25rem;
  --cmt-space-2:  0.5rem;
  --cmt-space-3:  0.75rem;
  --cmt-space-4:  1rem;
  --cmt-space-5:  1.25rem;
  --cmt-space-6:  1.5rem;
  --cmt-space-8:  2rem;
  --cmt-space-10: 2.5rem;
  --cmt-space-12: 3rem;
  --cmt-space-16: 4rem;
  --cmt-space-20: 5rem;
  --cmt-space-28: 7rem;

  /* Radius */
  --cmt-radius-sm:   0.25rem;
  --cmt-radius-md:   0.5rem;
  --cmt-radius-lg:   0.75rem;
  --cmt-radius-xl:   1rem;
  --cmt-radius-2xl:  1.25rem;
  --cmt-radius-full: 9999px;

  /* Shadow */
  --cmt-shadow-sm: 0 1px 2px 0 rgb(0 0 0 / 20%);
  --cmt-shadow-md: 0 4px 6px -1px rgb(0 0 0 / 30%), 0 2px 4px -1px rgb(0 0 0 / 20%);
  --cmt-shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 30%), 0 4px 6px -2px rgb(0 0 0 / 20%);
}