/*
 * Design tokens — screenwriters competition.
 *
 * shadcn/ui visual language, chosen by the client, rebuilt in plain CSS: the
 * stack here is PHP templates plus Alpine, so there is no React, Radix or
 * Tailwind. What carries over is the token shape (HSL triplets consumed as
 * hsl(var(--x))), the neutral zinc palette, the 6/8px radii and the component
 * specs from ui.shadcn.com/docs/components.
 *
 * Primary is the brand teal #008080 = hsl(180 100% 25%).
 */

/* Heebo, served from the plugin — no CDN, no third-party request from a
   visitor's browser. Variable font: one file per subset covers 400–700.
   SIL Open Font License 1.1. */
@font-face {
  font-family: 'Heebo';
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url('../fonts/heebo-hebrew.woff2') format('woff2');
  unicode-range: U+0307-0308, U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F;
}

@font-face {
  font-family: 'Heebo';
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url('../fonts/heebo-latin.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

:root {
  /* Base surfaces and text */
  --background: 0 0% 100%;
  --foreground: 240 10% 3.9%;
  --card: 0 0% 100%;
  --card-foreground: 240 10% 3.9%;
  --popover: 0 0% 100%;
  --popover-foreground: 240 10% 3.9%;

  --primary: 180 100% 25%;
  --primary-foreground: 0 0% 100%;

  --secondary: 240 4.8% 95.9%;
  --secondary-foreground: 240 5.9% 10%;

  --muted: 240 4.8% 95.9%;
  --muted-foreground: 240 3.8% 46.1%;

  --accent: 180 60% 96%;
  --accent-foreground: 180 100% 18%;

  --destructive: 0 72% 51%;
  --destructive-foreground: 0 0% 98%;

  /* Semantic status colours, used by badges and toasts */
  --success: 142 71% 30%;
  --success-bg: 142 60% 94%;
  --warning: 32 90% 40%;
  --warning-bg: 40 90% 94%;

  --border: 240 5.9% 90%;
  --input: 240 5.9% 90%;
  --ring: 180 100% 25%;

  --radius: 0.5rem;      /* 8px — cards, dialogs, buttons */
  --radius-sm: 0.375rem; /* 6px — inputs, badges */

  --font-sans: 'Heebo', system-ui, -apple-system, 'Segoe UI', Arial, sans-serif;

  --fs-xs: 12px;
  --fs-sm: 13.5px;
  --fs-base: 14px;
  --fs-lg: 18px;
  --fs-xl: 22px;
  --fs-2xl: 28px;

  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-10: 40px;

  --shadow-sm: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  --shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.07), 0 2px 4px -2px rgb(0 0 0 / 0.05);
  --shadow-lg: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);

  --header-height: 60px;
  --sidebar-width: 232px;
  --content-max: 1180px;
  --form-max: 720px;
}