/*
 * KTP Design Tokens — single source of truth.
 * Imported by every stylesheet. Never override inline; extend with new --ktp-* vars.
 * Source: DESIGN-SYSTEM.md
 */
:root {
  /* ---- Brand ---- */
  --ktp-color-primary:        #FF6E00;
  --ktp-color-primary-hover:  #E25F00;
  --ktp-color-primary-soft:   #FFF1E8;
  --ktp-color-primary-rgb:    255, 110, 0;   /* for rgba() usage */
  --ktp-color-secondary:      #B84A08;        /* deeper saffron for gradients */
  --ktp-color-accent:         #FFAB00;        /* gold/amber accent */

  --ktp-color-button:         #F06D38;
  --ktp-color-button-hover:   #DA5C2A;

  /* ---- Neutrals ---- */
  --ktp-color-white:          #FFFFFF;
  --ktp-color-black:          #000000;
  --ktp-color-cream:          #FBF7F2;
  --ktp-color-cream-2:        #FAFAF8;
  --ktp-color-surface:        #FFFFFF;        /* card / widget background */

  --ktp-color-text:           #1A1A1A;
  --ktp-color-text-muted:     #6B6B6B;
  --ktp-color-text-faint:     #9A9A9A;
  --ktp-color-heading:        #1C140E;        /* dark mahogany — headings & dark sections */
  --ktp-color-border:         #ECE6DE;
  --ktp-color-border-strong:  #D9D2C8;

  /* ---- Semantic / status ---- */
  --ktp-color-success:        #2E9E5B;
  --ktp-color-success-soft:   #E7F5EC;
  --ktp-color-warning:        #E08A00;
  --ktp-color-warning-soft:   #FCF1DD;
  --ktp-color-info:           #2F6FB0;
  --ktp-color-info-soft:      #E7F0F9;
  --ktp-color-danger:         #C8431F;
  --ktp-color-danger-soft:    #FBE9E4;
  --ktp-color-cancelled:      #8A8A8A;

  /* ---- Dark sections ---- */
  --ktp-color-dark:           #1C140E;
  --ktp-color-on-dark:        #FFF6EE;

  /* ---- Fonts ---- */
  --ktp-font-heading: "Mukta", "Tiro Devanagari Sanskrit", system-ui, sans-serif;
  --ktp-font-body:    "Inter", "Mukta", system-ui, -apple-system, sans-serif;

  /* ---- Type scale ---- */
  --ktp-text-xs:   0.75rem;
  --ktp-text-sm:   0.875rem;
  --ktp-text-base: 1rem;
  --ktp-text-lg:   1.125rem;
  --ktp-text-xl:   clamp(1.25rem, 1.1rem + 0.6vw, 1.5rem);
  --ktp-text-2xl:  clamp(1.5rem, 1.25rem + 1.2vw, 2rem);
  --ktp-text-3xl:  clamp(1.875rem, 1.4rem + 2.2vw, 2.75rem);
  --ktp-text-4xl:  clamp(2.25rem, 1.6rem + 3.2vw, 3.5rem);
  --ktp-text-5xl:  clamp(2.75rem, 2rem + 4vw, 4.5rem);

  /* ---- Weights ---- */
  --ktp-fw-regular:  400;
  --ktp-fw-medium:   500;
  --ktp-fw-semibold: 600;
  --ktp-fw-bold:     700;

  /* ---- Line heights ---- */
  --ktp-lh-tight:   1.15;
  --ktp-lh-snug:    1.35;
  --ktp-lh-normal:  1.6;
  --ktp-lh-relaxed: 1.75;

  /* ---- Letter spacing ---- */
  --ktp-ls-tight: -0.01em;
  --ktp-ls-wide:   0.06em;

  /* ---- Spacing (4px base scale) ---- */
  --ktp-space-0:  0;
  --ktp-space-1:  0.25rem;
  --ktp-space-2:  0.5rem;
  --ktp-space-3:  0.75rem;
  --ktp-space-4:  1rem;
  --ktp-space-5:  1.5rem;
  --ktp-space-6:  2rem;
  --ktp-space-8:  3rem;
  --ktp-space-10: 4rem;
  --ktp-space-12: 6rem;
  --ktp-space-14: 7rem;
  --ktp-space-16: 8rem;

  /* ---- Layout ---- */
  --ktp-section-y:        clamp(2.5rem, 1.5rem + 5vw, 6rem);
  --ktp-gutter:           clamp(1rem, 0.5rem + 2vw, 2rem);
  --ktp-container:        1200px;
  --ktp-container-narrow: 760px;
  --ktp-header-height:    72px;

  /* ---- Radius ---- */
  --ktp-radius-sm:   8px;
  --ktp-radius-md:   14px;
  --ktp-radius-lg:   20px;
  --ktp-radius-xl:   28px;
  --ktp-radius-pill: 999px;

  /* ---- Borders ---- */
  --ktp-border-hairline: 1px solid var(--ktp-color-border);
  --ktp-border-strong:   1px solid var(--ktp-color-border-strong);
  --ktp-border-focus:    2px solid var(--ktp-color-primary);

  /* ---- Shadows ---- */
  --ktp-shadow-sm:      0 1px 2px rgba(28,20,14,0.05);
  --ktp-shadow-md:      0 4px 14px rgba(28,20,14,0.08);
  --ktp-shadow-lg:      0 10px 30px rgba(28,20,14,0.10);
  --ktp-shadow-primary: 0 8px 24px rgba(255,110,0,0.25);
  --ktp-ring:           0 0 0 3px rgba(255,110,0,0.30);

  /* ---- Motion ---- */
  --ktp-ease:       cubic-bezier(0.4, 0, 0.2, 1);
  --ktp-dur-fast:   150ms;
  --ktp-dur-normal: 250ms;
  --ktp-dur-slow:   400ms;
}