/* =========================================================
   HOMES BY MADHU — Design Tokens
   Approved foundation: white | charcoal | KW red | warm gold
   Single source of truth for color, type, spacing-radius,
   shadow, and transition values. See docs/DESIGN_SYSTEM.md.
   ========================================================= */

:root {
  /* Color */
  --black:      #0D0D0D;
  --charcoal:   #252525;
  --red:        #D71920;
  --red-dark:   #A90F15;
  --gold:       #C8A24A;
  --gold-light: #DFC47F;
  --gold-dark:  #9A7627;
  --white:      #FFFFFF;
  --ivory:      #F7F4EE;
  --line:       #DDD5C7;
  --gray-light: #F5F5F3;
  --gray:       #8A8782;
  --text:       var(--black);
  --text-muted: #6B6761;
  --cream:      var(--ivory);
  --cream-dark: #EDE8DE;
  --brown:      var(--black);
  --brown-mid:  var(--charcoal);

  /* Semantic colors (normalized from previously inline/one-off hex values) */
  --star-gold:      #F4A403;
  --success-bg:     #E8F5E9;
  --success-text:   #1B5E20;
  --success-border: #2D7A2D;
  --error-bg:       #FFF2F2;

  /* Typography */
  --font-serif: 'Playfair Display', serif;
  --font-sans:  'Inter', sans-serif;

  /* Elevation */
  --shadow-sm:  0 2px 8px rgba(13,13,13,0.08);
  --shadow-md:  0 6px 24px rgba(13,13,13,0.12);
  --shadow-lg:  0 12px 44px rgba(13,13,13,0.16);

  /* Shape & Motion */
  --radius:     8px;
  --radius-lg:  16px;
  --transition: 0.25s ease;
}