/* Pro Teatru Design System — tokens (generat din tokens.json) */
@font-face{font-family:"Indivisible";src:url("../fonts/Indivisible-Light.woff") format("woff");font-weight:300;font-style:normal;font-display:swap}
@font-face{font-family:"Indivisible";src:url("../fonts/Indivisible-Regular.woff") format("woff");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Indivisible";src:url("../fonts/Indivisible-RegularItalic.woff") format("woff");font-weight:400;font-style:italic;font-display:swap}
@font-face{font-family:"Indivisible";src:url("../fonts/Indivisible-Medium.woff") format("woff");font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:"Indivisible";src:url("../fonts/Indivisible-SemiBold.woff") format("woff");font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:"Indivisible";src:url("../fonts/Indivisible-Bold.woff") format("woff");font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:"Indivisible";src:url("../fonts/Indivisible-Black.woff") format("woff");font-weight:900;font-style:normal;font-display:swap}
:root, [data-theme="paper"] {
  --color-gold: #f0c433;
  --color-gold-deep: #d4a80f;
  --color-gold-tint: #fbeec4;
  --color-gold-wash: #fdf7e4;
  --color-black: #101010;
  --color-ink-800: #1c1c1c;
  --color-white: #ffffff;
  --color-paper: #f7f6f3;
  --color-sand: #ede7d8;
  --color-ash: #9b9b9b;
  --color-ash-100: #ececec;
  --color-ash-200: #d9d9d9;
  --color-ash-400: #b4b4b4;
  --color-ash-700: #4a4a4a;
  --color-yellow: #fab315;
  --color-red: #f13340;
  --color-orange: #f0730a;
  --color-green: #7ac743;
  --color-purple-light: #9e62fb;
  --color-violet: #7a0ffa;
  --color-blue: #3fa7f3;
  --color-yellow-tint: #fef0ce;
  --color-red-tint: #fcd6d8;
  --color-orange-tint: #fce0cb;
  --color-green-tint: #e1f2d2;
  --color-purple-light-tint: #eadffe;
  --color-violet-tint: #e4d1fe;
  --color-blue-tint: #d6ecfd;
  --bg-page: var(--color-white);
  --bg-page-alt: var(--color-paper);
  --bg-ink: var(--color-black);
  --surface-card: var(--color-white);
  --surface-sunk: var(--color-paper);
  --surface-warm: var(--color-sand);
  --text-strong: var(--color-black);
  --text-body: #2a2a2a;
  --text-muted: var(--color-ash-700);
  --text-on-ink: var(--color-white);
  --text-on-gold: var(--color-black);
  --text-on-color: var(--color-black);
  --border-hairline: var(--color-ash-200);
  --border-ink: var(--color-black);
  --accent: var(--color-gold);
  --accent-deep: var(--color-gold-deep);
  --focus-ring: var(--color-gold-deep);
  --shadow-sm: 0 2px 6px rgba(16, 16, 16, 0.08);
  --shadow-md: 0 8px 24px rgba(16, 16, 16, 0.10);
  --shadow-pop: 6px 6px 0 #101010;
  --shadow-pop-gold: 6px 6px 0 #f0c433;
}
:root {
  --space-0: 0;
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.5rem;
  --space-6: 2rem;
  --space-7: 3rem;
  --space-8: 4rem;
  --space-9: 6rem;
  --space-10: 8rem;
  --container-narrow: 720px;
  --container: 1080px;
  --container-wide: 1320px;
  --border-w: 2px;
  --border-w-bold: 3px;
  --radius-0: 0;
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 16px;
  --radius-xl: 28px;
  --radius-pill: 999px;
  --fw-thin: 100;
  --fw-light: 300;
  --fw-regular: 400;
  --fw-medium: 500;
  --fw-semibold: 600;
  --fw-bold: 700;
  --fw-black: 900;
  --fs-display-xl: 6.5rem;
  --fs-display-l: 4rem;
  --fs-display-m: 2.75rem;
  --fs-h1: 2.125rem;
  --fs-h2: 1.625rem;
  --fs-h3: 1.25rem;
  --fs-body-lg: 1.125rem;
  --fs-body: 1rem;
  --fs-body-sm: 0.875rem;
  --fs-caption: 0.75rem;
  --fs-overline: 0.6875rem;
  --lh-tight: 0.92;
  --lh-snug: 1.1;
  --lh-normal: 1.5;
  --lh-relaxed: 1.65;
  --ls-display: -0.02em;
  --ls-normal: 0;
  --ls-overline: 0.28em;
  --ls-label: 0.06em;
  --font-display: "Indivisible", "Raleway", system-ui, sans-serif;
  --font-body: "Indivisible", "Raleway", system-ui, sans-serif;
  --font-fallback: "Raleway", system-ui, sans-serif;
}