/* variables.css – Portfolio-Fotograf */
:root {
  /* Palette */
  --color-bg:           #0D0D0D;
  --color-surface:      #141414;
  --color-surface-2:    #1A1A1A;
  --color-border:       rgba(255,255,255,0.08);
  --color-border-light: rgba(255,255,255,0.15);
  --color-gold:         #D4AF37;
  --color-gold-light:   #E8CC6A;
  --color-gold-dark:    #B89020;
  --color-text:         #F5F5F5;
  --color-text-muted:   rgba(245,245,245,0.7);
  --color-text-dim:     rgba(245,245,245,0.45);

  /* Typography */
  --font-display: 'Cormorant Garamond', Georgia, serif;
  --font-body:    'Inter', system-ui, sans-serif;

  --font-size-xs:   0.75rem;
  --font-size-sm:   0.875rem;
  --font-size-base: 1rem;
  --font-size-lg:   1.125rem;
  --font-size-xl:   1.25rem;
  --font-size-2xl:  1.5rem;
  --font-size-3xl:  2rem;
  --font-size-4xl:  2.5rem;

  --font-weight-light:  300;
  --font-weight-normal: 400;
  --font-weight-semi:   600;
  --font-weight-bold:   700;

  --line-height-tight:   1.2;
  --line-height-snug:    1.35;
  --line-height-normal:  1.5;
  --line-height-relaxed: 1.7;

  /* Spacing */
  --space-1:  0.25rem;
  --space-2:  0.5rem;
  --space-3:  0.75rem;
  --space-4:  1rem;
  --space-5:  1.25rem;
  --space-6:  1.5rem;
  --space-8:  2rem;
  --space-10: 2.5rem;
  --space-12: 3rem;
  --space-16: 4rem;
  --space-20: 5rem;

  /* Layout */
  --container-max:     1200px;
  --container-padding: 1.5rem;
  --header-height:     72px;

  /* Radius */
  --radius-sm:   4px;
  --radius-base: 8px;
  --radius-lg:   16px;
  --radius-full: 9999px;

  /* Shadow */
  --shadow-sm:  0 1px 3px rgba(0,0,0,0.4);
  --shadow-md:  0 4px 16px rgba(0,0,0,0.5);
  --shadow-lg:  0 8px 32px rgba(0,0,0,0.6);

  /* Transitions */
  --transition-fast:  150ms ease;
  --transition-base:  250ms ease;
  --transition-slow:  400ms ease;

  /* Z-index */
  --z-header:   100;
  --z-lightbox: 300;
  --z-toast:    400;
}