/* ============================================================================
   KISA — Colors & Type
   Foundational tokens for the KISA design system.
   ============================================================================ */

/* Playfair Display — bundled variable fonts. SIL Open Font License 1.1. */
@font-face {
  font-family: 'Playfair Display';
  font-style: normal;
  font-weight: 400 900;
  font-display: block;
  src: url('fonts/PlayfairDisplay-VariableFont_wght.ttf') format('truetype-variations'),
       url('fonts/PlayfairDisplay-VariableFont_wght.ttf') format('truetype');
}
@font-face {
  font-family: 'Playfair Display';
  font-style: italic;
  font-weight: 400 900;
  font-display: block;
  src: url('fonts/PlayfairDisplay-Italic-VariableFont_wght.ttf') format('truetype-variations'),
       url('fonts/PlayfairDisplay-Italic-VariableFont_wght.ttf') format('truetype');
}

:root {
  --surface-app:           #F2F2F2;
  --surface-app-warm-from: #FAF0EE;
  --surface-app-warm-to:   #F2F2F2;
  --surface-card-from:     #FFFFFF;
  --surface-card-to:       #FFF0EE;
  --surface-composition:   #FAF8F7;
  --surface-reveal:        #FDF5F3;
  --surface-tab:           #F0E8E8;

  --brand-primary:         #720515;
  --brand-secondary:       #BF4803;
  --brand-gradient:        linear-gradient(135deg, #720515 0%, #BF4803 100%);

  --positive:              #5C7205;
  --reward:                #F2B707;
  --danger:                #C0392B;

  --text-primary:          #1A0508;
  --text-secondary:        #7A3A42;
  --text-muted:            #9A6870;
  --text-brand:            #720515;
  --text-on-brand:         #FFFFFF;

  --stroke-glass:          #E8C0C0;
  --stroke-divider:        #EDD0D0;
  --disabled:              #C4A8AC;

  --font-serif:    'Playfair Display', Georgia, 'Times New Roman', serif;
  --font-sans:     -apple-system, BlinkMacSystemFont, 'SF Pro Text', 'SF Pro',
                   'Helvetica Neue', Inter, system-ui, sans-serif;
  --font-rounded:  -apple-system-rounded, 'SF Pro Rounded', ui-rounded,
                   'SF Pro Text', Inter, system-ui, sans-serif;

  --sans-button:           600 15px/1.20 var(--font-sans);
  --sans-microcopy:        400 13px/1.50 var(--font-sans);
  --sans-counter:          400 12px/1.20 var(--font-sans);
  --sans-meta:             400 12px/1.40 var(--font-sans);
  --sans-section:          700 13px/1.30 var(--font-sans);

  --radius-xs:   6px;
  --radius-sm:   10px;
  --radius-md:   16px;
  --radius-lg:   20px;
  --radius-xl:   28px;
  --radius-pill: 999px;

  --shadow-glass-sm:  0 1px 2px rgba(114, 5, 21, 0.04),
                      0 2px 8px rgba(114, 5, 21, 0.05);
  --shadow-glass-md:  0 2px 4px rgba(114, 5, 21, 0.04),
                      0 12px 28px rgba(114, 5, 21, 0.08);
  --shadow-glass-lg:  0 4px 8px rgba(114, 5, 21, 0.05),
                      0 24px 56px rgba(114, 5, 21, 0.12);
  --shadow-focus:     0 0 0 4px rgba(114, 5, 21, 0.08);

  --ease-out:       cubic-bezier(0.22, 1, 0.36, 1);
  --ease-in:        cubic-bezier(0.55, 0, 0.66, 0.20);
  --dur-fast:       200ms;
  --dur-base:       300ms;
  --dur-slow:       400ms;
}