/* Prevent CSS display rules from overriding [hidden] attribute */
[hidden] { display: none !important; }

:root {
  /* Brand — jasny granat/indigo → fiolet logo */
  --brand-navy: #4338ca;
  --brand-purple: #7c3aed;
  --primary: #5a00ff;
  --secondary: #6366f1;
  --primary-light: #818cf8;
  --primary-dark: #3730a3;
  --primary-soft: #eef2ff;
  --secondary-soft: #f3ebff;
  --accent: #5a00ff;
  --gradient-brand: linear-gradient(135deg, #4338ca 0%, #6366f1 45%, #7c3aed 100%);
  --gradient-brand-h: linear-gradient(90deg, #4338ca 0%, #6366f1 50%, #7c3aed 100%);
  --gradient-stripe: linear-gradient(90deg, #635bff 0%, #c026d3 42%, #ff8a00 100%);
  --hl-bg: #b493ff;
  --hl-bg-solid: #b493ff;
  --hl-bg-muted: #fee584;
  --brand-lavender: #b493ff;
  --brand-gold: #fee584;
  --gradient-soft: linear-gradient(135deg, rgba(180, 147, 255, 0.28) 0%, rgba(254, 229, 132, 0.24) 100%);
  --gradient-soft-h: linear-gradient(90deg, #b493ff 0%, #c9a8ff 42%, #fee584 100%);

  /* Ink / text */
  --ink: #0a0a0b;
  --text-dark: #0a0a0b;
  --text-strong: #18181b;
  --text-muted: #56565e;
  --text-light: #8b8b94;

  /* Surfaces */
  --bg-main: #ffffff;
  --bg-subtle: #fafafa;
  --bg-muted: #f4f4f5;
  --bg-canvas: #f6f6f4;
  --surface: #ffffff;

  /* Lines */
  --border: #e7e7e9;
  --border-light: #f0f0f1;
  --border-strong: #d4d4d8;

  --success: #059669;
  --warning: #d97706;

  /* Type */
  --font-family: 'Poppins', Helvetica, Arial, sans-serif;
  --font-display: 'Instrument Serif', 'Source Serif 4', Georgia, serif;

  /* Radii */
  --radius-sm: 10px;
  --radius-md: 14px;
  --radius-lg: 20px;
  --radius-xl: 28px;
  --radius-2xl: 36px;
  --radius-pill: 999px;

  /* Shadows — soft, editorial */
  --shadow-xs: 0 1px 2px rgba(10,10,11,0.04);
  --shadow-sm: 0 2px 8px rgba(10,10,11,0.05);
  --shadow-md: 0 10px 30px -8px rgba(10,10,11,0.10);
  --shadow-lg: 0 30px 60px -20px rgba(10,10,11,0.16);
  --shadow-xl: 0 50px 100px -30px rgba(10,10,11,0.22);

  /* Motion */
  --ease: cubic-bezier(0.22, 0.61, 0.36, 1);
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --maxw: 1240px;
}