/* variables.css - Core design tokens and color systems */
@property --angle {
  syntax: '<angle>';
  initial-value: 0deg;
  inherits: false;
}

:root {
  /* Color Palette */
  --bg-primary: #efe6dd;      /* Premium warm linen background */
  --bg-secondary: #e6dad0;    /* Slightly deeper warm linen for sections and cards */
  --bg-glass: rgba(35, 31, 32, 0.035); /* Subtle glassmorphism with shadow-grey overlay */
  
  --accent-iris-1: #bb4430;   /* Tomato Jam as primary brand accent */
  --accent-iris-2: #7ebdc2;   /* Tropical Teal as secondary cool accent */
  --accent-iris-3: #f3dfa2;   /* Vanilla Custard as tertiary warm accent */
  --accent-iris-4: #efe6dd;   /* Linen highlight */
  
  --text-primary: #231f20;    /* Shadow Grey rich charcoal text for elegant, readable contrast */
  --text-secondary: #484344;  /* Slightly lighter shade of shadow-grey */
  --text-muted: #726b6c;      /* Muted tone of shadow-grey for captions and borders */
  
  --border-subtle: rgba(35, 31, 32, 0.12); /* Clean, high-end subtle borders */
  --border-active: rgba(187, 68, 48, 0.75);  /* Active Tomato Jam borders */
  
  --gradient-iris: linear-gradient(135deg, #bb4430, #7ebdc2, #f3dfa2); /* Gorgeous warm-cool sunset gradient */
  --gradient-glow: radial-gradient(ellipse at center, rgba(126, 189, 194, 0.12) 0%, transparent 70%); /* Tropical Teal glowing aura */

  /* Typography */
  --font-display: 'Syncopate', sans-serif;
  --font-title: 'Syne', sans-serif;
  --font-body: 'DM Sans', sans-serif;
  --font-mono: 'JetBrains Mono', monospace;

  /* Transitions */
  --transition-smooth: 300ms cubic-bezier(0.16, 1, 0.3, 1);
  --transition-fast: 200ms cubic-bezier(0.16, 1, 0.3, 1);
  --transition-elastic: 600ms cubic-bezier(0.34, 1.56, 0.64, 1);
}