/* ============================================================
   Namla Support & Feedback — Design Tokens (CSS Variables)
   ============================================================ */
:root {
  /* Brand palette (strict requirement) */
  --orange: #DF4817;
  --dark: #0F0D0B;
  --white: #FFFFFF;
  --warm-background: #F5F2ED;
  --muted-text: #6A645E;
  --border: #D8D1C8;
  --error: #B42318;
  --success: #18794E;
  --warning: #B54708;

  /* Derived and surface tones */
  --orange-dark: #B93A12;
  --orange-hover: #C63E13;
  --orange-soft: #FDF1EB;
  --orange-light: #FBE4D8;
  --orange-glow: rgba(223, 72, 23, 0.18);
  
  --dark-surface: #171412;
  --dark-elevated: #1F1B18;
  --dark-border: #2E2823;
  --dark-muted: #9E968D;
  --dark-text: #F3EFE9;

  --warm-card: #FFFFFF;
  --warm-deep: #ECE6DD;
  --warm-hover: #EDE7DE;
  --border-focus: #DF4817;
  
  --error-soft: #FDE8E7;
  --error-border: #F5A9A4;
  --success-soft: #E6F4ED;
  --success-border: #A3D8BE;
  --warning-soft: #FDF0E5;
  --warning-border: #F8CBA3;

  /* Typography */
  --font-serif: "PPEditorialNew", "Iowan Old Style", Georgia, "Times New Roman", serif;
  --font-sans: "NeueMontreal", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --font-urdu: "Noto Nastaliq Urdu", "NeueMontreal", serif;

  /* Spacing Scale */
  --space-1: 0.25rem;   /* 4px */
  --space-2: 0.5rem;    /* 8px */
  --space-3: 0.75rem;   /* 12px */
  --space-4: 1rem;      /* 16px */
  --space-5: 1.5rem;    /* 24px */
  --space-6: 2rem;      /* 32px */
  --space-7: 3rem;      /* 48px */
  --space-8: 4rem;      /* 64px */
  --space-9: 6rem;      /* 96px */

  /* Border radius */
  --radius-xs: 4px;
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 16px;
  --radius-xl: 24px;
  --radius-pill: 9999px;

  /* Layout */
  --container-max: 76rem;
  --form-max: 48rem;
  --header-height: 4.75rem;

  /* Focus & Elevation */
  --focus-ring: 0 0 0 3px rgba(223, 72, 23, 0.45);
  --shadow-sm: 0 2px 4px rgba(15, 13, 11, 0.04);
  --shadow-md: 0 6px 18px rgba(15, 13, 11, 0.08);
  --shadow-lg: 0 16px 36px rgba(15, 13, 11, 0.12);
  --shadow-card: 0 1px 3px rgba(15, 13, 11, 0.05), 0 10px 24px -8px rgba(15, 13, 11, 0.06);

  /* Transitions */
  --transition-fast: 0.15s cubic-bezier(0.4, 0, 0.2, 1);
  --transition-normal: 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  --transition-slow: 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}