/**
 * ProScribe Design Tokens & CSS Variables
 * Author: Anika Labs (anikalabs.com)
 */

@font-face {
  font-family: 'Season Serif TRIAL';
  src: url('../fonts/SeasonSerif-TRIAL-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Season Serif TRIAL';
  src: url('../fonts/SeasonSerif-TRIAL-RegularItalic.otf') format('opentype');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Season Serif TRIAL';
  src: url('../fonts/SeasonSerif-TRIAL-SemiBold.otf') format('opentype');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

:root {
	--proscribe-ink: #162130;
	--proscribe-slate: #526878;
	--proscribe-powder: #c9d6df;
	--proscribe-powder-light: #d0dfe9;
	--proscribe-cream: #fff4e0;
	--proscribe-content: min(92vw, 1500px);
  /* Colors */
  --proscribe-bg-dark: #07090e;
  --proscribe-bg-surface: #0e121d;
  --proscribe-bg-card: rgba(255, 255, 255, 0.04);
  --proscribe-border: rgba(255, 255, 255, 0.12);
  --proscribe-border-light: rgba(255, 255, 255, 0.2);
  
  --proscribe-text-main: #ffffff;
  --proscribe-text-muted: #9ba1b0;
  --proscribe-text-subtle: #6b7280;
  
  --proscribe-gold-primary: #d4af37;
  --proscribe-gold-gradient: linear-gradient(135deg, #e8c977 0%, #b89130 100%);
  --proscribe-gold-border: rgba(212, 175, 55, 0.35);

  /* Typography */
  --proscribe-font-serif: 'Season Serif TRIAL', 'The Seasons', 'Cormorant Garamond', Georgia, serif;
  --proscribe-font-sans: 'Archivo', 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --proscribe-font-ui: 'DM Sans', 'Archivo', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --proscribe-font-mono: 'Inter Tight', monospace, sans-serif;

  /* Spacing & Radii */
  --proscribe-radius-sm: 8px;
  --proscribe-radius-md: 16px;
  --proscribe-radius-lg: 24px;
  --proscribe-radius-full: 9999px;

  /* Transitions & Shadows */
  --proscribe-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  --proscribe-shadow-card: 0 10px 30px -10px rgba(0, 0, 0, 0.5);
  --proscribe-shadow-glow: 0 0 40px rgba(212, 175, 55, 0.15);
}

.proscribe-gradient-text {
  background: var(--proscribe-gold-gradient);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.proscribe-glass-panel {
  background: var(--proscribe-bg-card);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  border: 1px solid var(--proscribe-border);
}