/* Светлая бело-кремовая палитра Столото (онли белая/светлая тема) */
:root {
  --bg-main: #FFFFFF;
  --bg-page: #FAF6EE;
  --bg-card: #FFFFFF;
  --bg-card-cream: #FDF8EC;
  --bg-input: #FFFFFF;
  --bg-input-disabled: #F5EFE4;
  --bg-badge-amber: #FEF3C7;
  --bg-badge-green: #DCFCE7;
  --bg-badge-lock: #F3EFE6;

  --text-primary: #1C1917;
  --text-secondary: #3F3A34;
  --text-muted: #78716C;
  --text-accent-brown: #8B572A;
  --text-accent-gold: #D9822B;

  --border-light: #EAE0C8;
  --border-input: #D6C7B2;
  --border-focus: #FFB800;
  --border-success: #16A34A;

  --btn-gradient: linear-gradient(90deg, #FFE033 0%, #FF9900 100%);
  --btn-gradient-hover: linear-gradient(90deg, #FFD700 0%, #FF8800 100%);
  --btn-text: #1C1917;

  --brand-yellow: #FFCC00;
  --green-main: #16A34A;
  --green-bg: #ECFDF5;
  --amber-main: #D97706;
  --amber-bg: #FFFBEB;
  --blue-max: #3B82F6;
  --whatsapp-green: #22C55E;

  --shadow-card: 0 8px 28px rgba(139, 87, 42, 0.08);
  --shadow-soft: 0 4px 14px rgba(28, 25, 23, 0.06);
  --shadow-btn: 0 4px 14px rgba(255, 168, 0, 0.35);

  --radius-card: 22px;
  --radius-btn: 12px;
  --radius-input: 12px;
  --radius-pill: 999px;

  --font-sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}

* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

body {
  font-family: var(--font-sans);
  background-color: var(--bg-page);
  background-image:
    radial-gradient(circle at 10% 15%, rgba(255, 204, 0, 0.14) 0%, transparent 38%),
    radial-gradient(circle at 90% 85%, rgba(217, 130, 43, 0.10) 0%, transparent 40%);
  color: var(--text-primary);
  min-height: 100vh;
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
}

a {
  color: var(--text-accent-gold);
  text-decoration: none;
  font-weight: 600;
  cursor: pointer;
}

a:hover {
  text-decoration: underline;
}

button {
  font-family: inherit;
  cursor: pointer;
  border: none;
  outline: none;
  transition: all 0.2s ease;
}

input, select, textarea {
  font-family: inherit;
  font-size: 15px;
  outline: none;
}

.hidden {
  display: none !important;
}