:root {
  --c-paper: #FAF6F0;
  --c-paper-pure: #FFFEFB;
  --c-ink: #10101A;
  --c-ink-muted: #6B6B76;
  --c-ink-secondary: #5A5A68;
  --c-ink-faint: #9A9AA3;
  --c-navy-deep: #0A1A3D;
  --c-navy: #1E3A8A;
  --c-terracotta-from: #C26A45;
  --c-terracotta-to: #A84A28;
  --c-terracotta-text: #8A6A55;
  --c-track: #E8E2D9;
  --c-verified-bg: #E8F5E9;
  --c-verified-text: #2E7D32;
  --c-no-badge-bg: #FBE9E7;
  --c-live-red: #EF4444;
  --c-live-red-soft: #F87171;
  --c-emerald: #10B981;
  --c-emerald-text: #059669;
  --c-border: rgba(0,0,0,0.06);
  --c-border-strong: rgba(0,0,0,0.08);
  --c-border-faint: rgba(0,0,0,0.04);
  --c-border-inner: rgba(255,255,255,0.5);
  --r-button-small: 16px;
  --r-button: 20px;
  --r-saved: 24px;
  --r-card: 28px;
  --r-pill: 9999px;
  --gradient-navy: linear-gradient(135deg, #0A1A3D, #1E3A8A);
  --gradient-terracotta: linear-gradient(135deg, #C26A45, #A84A28);
  --gradient-navy-down: linear-gradient(180deg, #0A1A3D, #1E3A8A);
  --gradient-terracotta-down: linear-gradient(180deg, #C26A45, #A84A28);
  --gradient-navy-right: linear-gradient(90deg, #0A1A3D, #1E3A8A);
  --gradient-terracotta-right: linear-gradient(90deg, #E8C4B0, #D4A08A);
  --f-serif: 'InstrumentSerif_400Regular';
  --f-regular: 'Inter_400Regular';
  --f-medium: 'Inter_500Medium';
  --f-semibold: 'Inter_600SemiBold';
  --f-bold: 'Inter_700Bold';
  --motion-press-scale: 0.96;
  --motion-press-scale-small: 0.98;
  --motion-press-duration: 150ms;
  --motion-vote-hold-ms: 180ms;
  --motion-count-up-delay-ms: 200ms;
  --motion-count-up-tick-ms: 16ms;
  --motion-count-up-step: 2;
  --motion-bar-duration-ms: 800ms;
  --motion-ticker-interval-ms: 5000ms;
  --motion-ticker-min: 3;
  --motion-ticker-max: 12;
}

.shadow-card {
  box-shadow: 0px 24px 24px rgba(16,16,26,0.12), 0 12px 12px rgba(16,16,26,0.07);
}

.shadow-card-small {
  box-shadow: 0px 8px 12px rgba(16,16,26,0.08), 0 4px 6px rgba(16,16,26,0.05);
}

.shadow-card-tiny {
  box-shadow: 0px 4px 6px rgba(16,16,26,0.06), 0 2px 3px rgba(16,16,26,0.04);
}

.shadow-navy-glow {
  box-shadow: 0px 8px 12px rgba(10,26,61,0.3), 0 4px 6px rgba(10,26,61,0.18);
}

.shadow-navy-selected {
  box-shadow: 0px 12px 16px rgba(10,26,61,0.28), 0 6px 8px rgba(10,26,61,0.17);
}

.shadow-terracotta-glow {
  box-shadow: 0px 8px 10px rgba(168,74,40,0.3), 0 4px 5px rgba(168,74,40,0.18);
}

.shadow-yes-button {
  box-shadow: 0px 4px 6px rgba(10,26,61,0.1), 0 2px 3px rgba(10,26,61,0.06);
}