/*
 * The Sports Deal - design tokens
 * ---------------------------------------------------------------------------
 * SOURCE OF TRUTH. This file is copied verbatim into the Next.js app at
 * sports-deal-web/src/styles/tokens.css. Edit it here, copy it there.
 *
 * Plain CSS custom properties only: no Tailwind directives, no @theme, no
 * @import. shadcn/ui variable names and the current shadcn "neutral" base
 * colour values (OKLCH, v4-era registry) so a shadcn component drops straight
 * in. Project-specific tokens are grouped at the bottom under "brand".
 */

:root {
  /* --- shadcn/ui neutral base ------------------------------------------- */
  --background: oklch(1 0 0);
  --foreground: oklch(0.145 0 0);
  --card: oklch(1 0 0);
  --card-foreground: oklch(0.145 0 0);
  --popover: oklch(1 0 0);
  --popover-foreground: oklch(0.145 0 0);
  --primary: oklch(0.205 0 0);
  --primary-foreground: oklch(0.985 0 0);
  --secondary: oklch(0.97 0 0);
  --secondary-foreground: oklch(0.205 0 0);
  --muted: oklch(0.97 0 0);
  --muted-foreground: oklch(0.556 0 0);
  --accent: oklch(0.97 0 0);
  --accent-foreground: oklch(0.205 0 0);
  --destructive: oklch(0.577 0.245 27.325);
  --destructive-foreground: oklch(0.985 0 0);
  --border: oklch(0.922 0 0);
  --input: oklch(0.922 0 0);
  --ring: oklch(0.708 0 0);
  --radius: 0.625rem;

  /* --- shadcn/ui charts and sidebar (carried so the file stays a drop-in) - */
  --chart-1: oklch(0.87 0 0);
  --chart-2: oklch(0.556 0 0);
  --chart-3: oklch(0.439 0 0);
  --chart-4: oklch(0.371 0 0);
  --chart-5: oklch(0.269 0 0);
  --sidebar: oklch(0.985 0 0);
  --sidebar-foreground: oklch(0.145 0 0);
  --sidebar-primary: oklch(0.205 0 0);
  --sidebar-primary-foreground: oklch(0.985 0 0);
  --sidebar-accent: oklch(0.97 0 0);
  --sidebar-accent-foreground: oklch(0.205 0 0);
  --sidebar-border: oklch(0.922 0 0);
  --sidebar-ring: oklch(0.708 0 0);

  /* --- brand: typography ------------------------------------------------- */
  --font-sans: "IBM Plex Sans Arabic", "Noto Sans Arabic", "Segoe UI", ui-sans-serif,
    system-ui, -apple-system, "Helvetica Neue", Arial, "Noto Naskh Arabic", sans-serif;
  --font-mono: "IBM Plex Mono", ui-monospace, SFMono-Regular, "SF Mono", Menlo,
    Consolas, "Liberation Mono", monospace;

  /* --- brand: availability status --------------------------------------- */
  --status-free-agent: oklch(0.94 0.048 152);
  --status-free-agent-foreground: oklch(0.41 0.094 152);
  --status-open-to-offers: oklch(0.95 0.05 240);
  --status-open-to-offers-foreground: oklch(0.44 0.13 250);
  --status-available-for-loan: oklch(0.95 0.06 85);
  --status-available-for-loan-foreground: oklch(0.45 0.1 70);
  --status-contracted: oklch(0.96 0 0);
  --status-contracted-foreground: oklch(0.44 0 0);
  --status-unknown: oklch(0.97 0 0);
  --status-unknown-foreground: oklch(0.6 0 0);

  /* --- brand: verification tier ------------------------------------------ */
  --tier-low: oklch(0.93 0 0);
  --tier-low-foreground: oklch(0.45 0 0);
  --tier-mid: oklch(0.93 0.055 235);
  --tier-mid-foreground: oklch(0.43 0.12 250);
  --tier-high: oklch(0.92 0.07 150);
  --tier-high-foreground: oklch(0.39 0.1 152);
}

.dark {
  /* --- shadcn/ui neutral base (dark) ------------------------------------- */
  --background: oklch(0.145 0 0);
  --foreground: oklch(0.985 0 0);
  --card: oklch(0.205 0 0);
  --card-foreground: oklch(0.985 0 0);
  --popover: oklch(0.205 0 0);
  --popover-foreground: oklch(0.985 0 0);
  --primary: oklch(0.922 0 0);
  --primary-foreground: oklch(0.205 0 0);
  --secondary: oklch(0.269 0 0);
  --secondary-foreground: oklch(0.985 0 0);
  --muted: oklch(0.269 0 0);
  --muted-foreground: oklch(0.708 0 0);
  --accent: oklch(0.269 0 0);
  --accent-foreground: oklch(0.985 0 0);
  --destructive: oklch(0.704 0.191 22.216);
  --destructive-foreground: oklch(0.145 0 0);
  --border: oklch(1 0 0 / 10%);
  --input: oklch(1 0 0 / 15%);
  --ring: oklch(0.556 0 0);

  --chart-1: oklch(0.87 0 0);
  --chart-2: oklch(0.556 0 0);
  --chart-3: oklch(0.439 0 0);
  --chart-4: oklch(0.371 0 0);
  --chart-5: oklch(0.269 0 0);
  --sidebar: oklch(0.205 0 0);
  --sidebar-foreground: oklch(0.985 0 0);
  --sidebar-primary: oklch(0.488 0.243 264.376);
  --sidebar-primary-foreground: oklch(0.985 0 0);
  --sidebar-accent: oklch(0.269 0 0);
  --sidebar-accent-foreground: oklch(0.985 0 0);
  --sidebar-border: oklch(1 0 0 / 10%);
  --sidebar-ring: oklch(0.556 0 0);

  /* --- brand: availability status (dark) --------------------------------- */
  --status-free-agent: oklch(0.32 0.06 152);
  --status-free-agent-foreground: oklch(0.87 0.07 152);
  --status-open-to-offers: oklch(0.32 0.07 250);
  --status-open-to-offers-foreground: oklch(0.86 0.07 245);
  --status-available-for-loan: oklch(0.33 0.06 75);
  --status-available-for-loan-foreground: oklch(0.88 0.08 85);
  --status-contracted: oklch(0.3 0 0);
  --status-contracted-foreground: oklch(0.82 0 0);
  --status-unknown: oklch(0.27 0 0);
  --status-unknown-foreground: oklch(0.66 0 0);

  /* --- brand: verification tier (dark) ------------------------------------ */
  --tier-low: oklch(0.3 0 0);
  --tier-low-foreground: oklch(0.78 0 0);
  --tier-mid: oklch(0.32 0.07 250);
  --tier-mid-foreground: oklch(0.85 0.07 245);
  --tier-high: oklch(0.32 0.07 150);
  --tier-high-foreground: oklch(0.86 0.08 152);
}