/* Ryze ecom — design tokens
   Extracted 1:1 from seo-audit (app/globals.css @theme + :root) */

:root {
  /* Core */
  --background: #FDFAF3;            /* warm cream canvas */
  --foreground: #0f172a;            /* slate-900 */
  --card: #ffffff;
  --card-foreground: #0f172a;
  --popover: #ffffff;
  --popover-foreground: #242424;
  --primary: #1f1f1f;               /* near-black actions */
  --primary-foreground: #fafafa;
  --secondary: #f4f1ea;             /* warm off-white */
  --secondary-foreground: #1f1f1f;
  --muted: #f4f1ea;
  --muted-foreground: #8a827a;      /* warm gray */
  --accent: #f4f1ea;
  --accent-foreground: #1f1f1f;
  --destructive: #dc2626;
  --border: #e7e2d8;                /* warm light gray */
  --input: #e7e2d8;
  --ring: #a9a29a;

  /* Brand */
  --brand: #C19767;
  --brand-light: #D6A56C;
  --brand-deep: #9a6e38;

  /* Charts (slate ramp) */
  --chart-1: #CBD5E1;
  --chart-2: #94A3B8;
  --chart-3: #334155;
  --chart-4: #1E293B;
  --chart-5: #0F172A;

  /* Sidebar (dark espresso) */
  --sidebar: #1a0e06;
  --sidebar-foreground: #ffffff;
  --sidebar-primary: #ffffff;
  --sidebar-primary-foreground: #1a0e06;
  --sidebar-accent: rgba(255, 255, 255, 0.1);
  --sidebar-accent-foreground: #ffffff;
  --sidebar-border: rgba(255, 255, 255, 0.1);
  --sidebar-ring: rgba(255, 255, 255, 0.3);
  --gradient-brand-dark: linear-gradient(135deg,
    rgba(14, 9, 5, 0.94) 0%,
    rgba(26, 16, 9, 0.92) 40%,
    rgba(38, 22, 12, 0.9) 75%,
    rgba(54, 32, 18, 0.88) 100%);

  /* Radius — controls land at 8px, cards 12px, badges pill */
  --radius-sm: 6px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --radius-pill: 999px;

  /* Rings instead of shadows */
  --ring-hairline: 0 0 0 1px rgba(15, 23, 42, 0.1);
  --shadow-panel: 4px 0 24px rgba(15, 23, 42, 0.08);
  --shadow-popover: 0 4px 12px rgba(15, 23, 42, 0.08), 0 0 0 1px rgba(15, 23, 42, 0.1);
  --glow-brand: 0 0 0 7px rgba(193, 151, 103, 0.14);

  /* Typography */
  --font-sans: "Plus Jakarta Sans", ui-sans-serif, system-ui, -apple-system,
    "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --font-mono: ui-monospace, "SF Mono", Menlo, monospace;

  /* Type scale (product) */
  --text-tiny: 10px;
  --text-meta: 11px;
  --text-sub: 12px;
  --text-small: 13px;
  --text-body: 14px;
  --text-body-lg: 15px;
  --text-h6: 16px;
  --text-h5: 18px;
  --text-h4: 20px;
  --text-h3: 22px;
  --text-h2: 24px;
  --text-h1: 26px;
  --text-display: 32px;
  --text-stat: 48px;

  /* Layout */
  --navbar-h: 48px;
  --sidebar-w: 256px;
  --sidebar-w-icon: 48px;

  /* Status dots */
  --status-positive: #10b981;
  --status-neutral: #94a3b8;
  --status-warn: #f59e0b;
  --status-danger: #f43f5e;
  --status-offscope: #0f172a;
}