/* Tikosocial v2 design tokens — mirrors src/styles.css */
:root {
  --radius: 0.875rem;

  --background: oklch(0.99 0.005 60);
  --foreground: oklch(0.18 0.04 265);
  --surface: oklch(0.97 0.01 60);
  --card: oklch(1 0 0);
  --card-foreground: oklch(0.18 0.04 265);

  --primary: oklch(0.6 0.17 30);
  --primary-foreground: oklch(0.99 0.005 60);
  --primary-glow: oklch(0.7 0.14 50);
  --secondary: oklch(0.3 0.12 264);
  --secondary-foreground: oklch(0.99 0.005 60);
  --accent: oklch(0.55 0.15 258);

  --ink: oklch(0.16 0.04 265);
  --ink-soft: oklch(0.36 0.04 265);

  --muted: oklch(0.95 0.01 250);
  --muted-foreground: oklch(0.5 0.03 257);

  --destructive: oklch(0.58 0.24 27);
  --success: oklch(0.65 0.16 155);

  --border: oklch(0.92 0.01 255);
  --ring: oklch(0.62 0.22 28);

  --gradient-brand: linear-gradient(135deg, oklch(0.62 0.22 28) 0%, oklch(0.72 0.19 50) 45%, oklch(0.55 0.2 258) 100%);
  --gradient-cta:   linear-gradient(100deg, oklch(0.62 0.22 28) 0%, oklch(0.72 0.19 50) 100%);
  --gradient-cool:  linear-gradient(135deg, oklch(0.32 0.16 264) 0%, oklch(0.55 0.2 258) 100%);
  --gradient-hero-overlay: linear-gradient(100deg, oklch(0.16 0.04 265 / 0.92) 0%, oklch(0.16 0.04 265 / 0.55) 55%, oklch(0.16 0.04 265 / 0.15) 100%);
  --gradient-radial-glow: radial-gradient(1200px circle at 20% 0%, oklch(0.7 0.14 50 / 0.08), transparent 60%),
                          radial-gradient(900px circle at 90% 10%, oklch(0.55 0.15 258 / 0.08), transparent 60%);

  --shadow-soft:     0 1px 2px oklch(0.16 0.04 265 / 0.06), 0 8px 24px -8px oklch(0.16 0.04 265 / 0.08);
  --shadow-elevated: 0 10px 30px -12px oklch(0.16 0.04 265 / 0.18), 0 4px 10px -4px oklch(0.16 0.04 265 / 0.08);
  --shadow-glow:     0 20px 60px -20px oklch(0.62 0.22 28 / 0.5);

  --font-display: "Bricolage Grotesque", "Sora", ui-sans-serif, system-ui, sans-serif;
  --font-sans: "Plus Jakarta Sans", "Inter", ui-sans-serif, system-ui, sans-serif;
}

.dark {
  --background: oklch(0.13 0.03 265);
  --foreground: oklch(0.97 0.01 60);
  --surface: oklch(0.17 0.04 265);
  --card: oklch(0.19 0.04 265);
  --card-foreground: oklch(0.97 0.01 60);
  --primary: oklch(0.68 0.16 35);
  --primary-foreground: oklch(0.13 0.03 265);
  --primary-glow: oklch(0.76 0.13 55);
  --secondary: oklch(0.27 0.07 264);
  --accent: oklch(0.62 0.15 258);
  --ink: oklch(0.97 0.01 60);
  --ink-soft: oklch(0.78 0.02 257);
  --muted: oklch(0.25 0.04 264);
  --muted-foreground: oklch(0.72 0.03 257);
  --border: oklch(1 0 0 / 12%);
}