/* TastySnap design tokens — "Studio Confidence" + sticker-shop personality.
   Source of truth: TastyShot/Theme/AppTheme.swift. */

@font-face {
  font-family: 'Chunk';
  src: url('/fonts/Chunk.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

/* Legacy fonts retained for the /beta/ page only — do not introduce on new pages. */
@font-face {
  font-family: 'Baloo 2';
  src: url('/fonts/Baloo2-700.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Baloo 2';
  src: url('/fonts/Baloo2-800.woff2') format('woff2');
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'DM Sans';
  src: url('/fonts/DMSans-400.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'DM Sans';
  src: url('/fonts/DMSans-500.woff2') format('woff2');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'DM Sans';
  src: url('/fonts/DMSans-600.woff2') format('woff2');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

:root {
  /* Brand */
  --color-primary: #6767E3;          /* Indigo — primary action */
  --color-primary-pressed: #5555CC;
  --color-primary-tint: #EFEFFB;     /* Very light indigo tint for soft surfaces */
  --color-accent: #FE5B27;           /* Orange — LOGO and credit-badge ONLY */
  --color-success: #AFE6EB;          /* Cyan */
  --color-success-deep: #7FCED5;
  --color-peach: #F8DACD;

  /* Surfaces */
  --color-bg: #FFFFFF;
  --color-bg-soft: #F8F9FA;
  --color-bg-dark: #13132B;
  --color-card-bg: #FFFFFF;

  /* Text */
  --color-text: #1A1A2E;
  --color-text-secondary: #6B7280;
  --color-text-tertiary: #9CA3AF;
  --color-text-light: var(--color-text-secondary);
  --color-on-dark: #F5F5FA;
  --color-on-dark-dim: #A1A3CC;

  /* Lines */
  --color-border: #E5E7EB;
  --color-divider: #F3F4F6;

  /* Typography */
  --font-display: 'Chunk', 'Times New Roman', serif;
  --font-body: -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, "Helvetica Neue", Arial, sans-serif;

  /* Radii */
  --radius-xs: 8px;
  --radius-sm: 12px;
  --radius: 16px;
  --radius-lg: 24px;

  /* Shadows */
  --shadow-card: 0 4px 24px rgba(26, 26, 46, 0.08);
  --shadow-cta: 0 8px 28px rgba(103, 103, 227, 0.32);
  --shadow-sticker: 0 14px 28px -8px rgba(26, 26, 46, 0.18);
  --shadow-strong: 0 30px 60px -10px rgba(26, 26, 46, 0.20), 0 12px 24px -8px rgba(26, 26, 46, 0.10);
}