/**
 * Sampatti Setu V2 — Design Tokens
 * Quiet Luxury / Premium Editorial Real Estate
 *
 * Tokens only. No component styling in this file.
 * Prefix: --ss-*
 */

:root {
  /* -------------------------------------------------------------------------
   * Color
   * ------------------------------------------------------------------------- */
  --ss-forest: #1f4937;
  --ss-forest-dark: #163528;
  --ss-forest-soft: #294f3f;
  --ss-ivory: #f7f3ea;
  --ss-warm-white: #faf8f4;
  --ss-muted-gold: #d6b268;
  --ss-gold-soft: #b7924a;
  --ss-text-primary: #20352c;
  --ss-text-secondary: #5c6b7a;
  --ss-border-light: #e4ded2;
  --ss-overlay-dark: rgba(22, 53, 40, 0.55);

  /* -------------------------------------------------------------------------
   * Typography — font families are placeholders until approved font loading
   * ------------------------------------------------------------------------- */
  --ss-font-display: "Helvetica Neue", Helvetica, Arial, sans-serif;
  --ss-font-body: "Helvetica Neue", Helvetica, Arial, sans-serif;

  /* Fluid type scale (clamp min, preferred, max) */
  --ss-text-display: clamp(2.25rem, 1.6rem + 2.8vw, 3.75rem);
  --ss-text-hero: clamp(3.5rem, 2.4rem + 3.2vw, 4.875rem); /* ~56–78px */
  --ss-text-hero-mobile: clamp(2.625rem, 1.85rem + 3.8vw, 3.25rem); /* ~42–52px */
  --ss-text-h1: clamp(1.875rem, 1.45rem + 1.8vw, 3rem);
  --ss-text-h2: clamp(1.5rem, 1.25rem + 1.1vw, 2.25rem);
  --ss-text-h3: clamp(1.25rem, 1.1rem + 0.65vw, 1.75rem);
  --ss-text-h4: clamp(1.125rem, 1.05rem + 0.35vw, 1.375rem);
  --ss-text-body-lg: clamp(1.0625rem, 1rem + 0.25vw, 1.1875rem);
  --ss-text-body: 1rem;
  --ss-text-body-sm: 0.875rem;
  --ss-text-caption: 0.75rem;

  --ss-leading-tight: 1.2;
  --ss-leading-snug: 1.35;
  --ss-leading-normal: 1.6;
  --ss-leading-relaxed: 1.75;

  --ss-tracking-tight: -0.02em;
  --ss-tracking-normal: 0;
  --ss-tracking-wide: 0.06em;
  --ss-tracking-wider: 0.12em;

  /* -------------------------------------------------------------------------
   * Spacing scale (4px base)
   * ------------------------------------------------------------------------- */
  --ss-space-1: 0.25rem;  /* 4 */
  --ss-space-2: 0.5rem;   /* 8 */
  --ss-space-3: 0.75rem;  /* 12 */
  --ss-space-4: 1rem;     /* 16 */
  --ss-space-5: 1.5rem;   /* 24 */
  --ss-space-6: 2rem;     /* 32 */
  --ss-space-7: 3rem;     /* 48 */
  --ss-space-8: 4rem;     /* 64 */
  --ss-space-9: 6rem;     /* 96 */
  --ss-space-10: 8rem;    /* 128 */

  /* -------------------------------------------------------------------------
   * Layout
   * ------------------------------------------------------------------------- */
  --ss-content-max: 72rem;   /* ~1152px */
  --ss-wide-max: 90rem;      /* ~1440px */
  --ss-gutter-desktop: 2rem;
  --ss-gutter-tablet: 1.5rem;
  --ss-gutter-mobile: 1rem;

  /* -------------------------------------------------------------------------
   * Radii — restrained, editorial
   * ------------------------------------------------------------------------- */
  --ss-radius-sm: 2px;
  --ss-radius-md: 4px;
  --ss-radius-card: 6px;

  /* -------------------------------------------------------------------------
   * Shadows — very restrained premium only
   * ------------------------------------------------------------------------- */
  --ss-shadow-soft: 0 1px 2px rgba(22, 53, 40, 0.04);
  --ss-shadow-lift: 0 8px 24px rgba(22, 53, 40, 0.06);
  --ss-shadow-focus: 0 0 0 2px var(--ss-warm-white), 0 0 0 4px var(--ss-muted-gold);

  /* -------------------------------------------------------------------------
   * Motion
   * ------------------------------------------------------------------------- */
  --ss-duration-fast: 160ms;
  --ss-duration-standard: 280ms;
  --ss-duration-luxury: 520ms;
  --ss-ease-primary: cubic-bezier(0.22, 1, 0.36, 1);
  --ss-ease-soft: cubic-bezier(0.33, 1, 0.68, 1);

  /* -------------------------------------------------------------------------
   * Z-index — minimal semantic stack
   * ------------------------------------------------------------------------- */
  --ss-z-base: 1;
  --ss-z-dropdown: 100;
  --ss-z-sticky: 200;
  --ss-z-overlay: 300;
  --ss-z-modal: 400;
  --ss-z-toast: 500;
}