/*
  ============================================================
  PLACEHOLDER BRAND TOKENS — replace these.
  These are stand-ins so screens can share names for colors,
  type, spacing, and radius. They are not the final Plei 3.0
  brand. When the real tokens land, change the values here
  and every section that uses var(--token) will update.

  In a section file, add:
    <link rel="stylesheet" href="../../shared/tokens.css">
  ============================================================
*/

:root {
  /* Colors */
  --color-bg: #f4f6f5;
  --color-surface: #ffffff;
  --color-ink: #161b1d;
  --color-ink-muted: #5b676a;
  --color-brand: #16755c;
  --color-brand-soft: #e6faf5;
  --color-line: #e3e7e8;

  /* Type */
  --font-sans: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-size-sm: 13px;
  --font-size-md: 16px;
  --font-size-lg: 22px;
  --font-size-xl: 28px;
  --font-weight-regular: 400;
  --font-weight-medium: 500;
  --font-weight-semibold: 600;

  /* Spacing */
  --space-xs: 8px;
  --space-sm: 12px;
  --space-md: 16px;
  --space-lg: 24px;
  --space-xl: 32px;

  /* Radius */
  --radius-sm: 8px;
  --radius-md: 16px;
  --radius-lg: 24px;
  --radius-full: 999px;
}