/* ==========================================================================
   Shibin Dotco — shadcn theme tokens (raw CSS drop-in)
   For non-shadcn projects. For shadcn, install via:
     npx shadcn@latest add https://design.shibin.co/registry/shibin.json
   ========================================================================== */

:root {
  /* ----- Surfaces & text ----- */
  --background: #F8F7F2;           /* warm cream canvas, never pure white */
  --foreground: #1A1A1A;           /* near-black, primary text */
  --card: #F8F7F2;
  --card-foreground: #1A1A1A;
  --popover: #F8F7F2;
  --popover-foreground: #1A1A1A;
  --muted: #F1EFE9;                /* one derivative cream — hover / disabled */
  --muted-foreground: #6B6B6B;
  --secondary: #F1EFE9;
  --secondary-foreground: #1A1A1A;
  --accent: #F1EFE9;               /* shadcn sense: hover bg */
  --accent-foreground: #1A1A1A;

  /* ----- Primary (the one brand accent) ----- */
  --primary: #1C1856;              /* deep indigo */
  --primary-foreground: #F8F7F2;

  /* ----- Semantic extension (earthy palette) ----- */
  --destructive: #B8462E;          /* burnt terracotta */
  --destructive-foreground: #F8F7F2;
  --success: #5A7A4F;              /* sage */
  --success-foreground: #F8F7F2;
  --warning: #C89B3C;              /* warm saffron */
  --warning-foreground: #1A1A1A;
  --info: #1C1856;                 /* reuses primary, one-accent rule */
  --info-foreground: #F8F7F2;

  /* ----- Lines ----- */
  --border: #E0DED8;
  --input: #E0DED8;
  --ring: #1C1856;

  /* ----- Charts (4 base + 3 indigo tints) ----- */
  --chart-1: #1C1856;
  --chart-2: #B8462E;
  --chart-3: #5A7A4F;
  --chart-4: #C89B3C;
  --chart-5: #4A4680;
  --chart-6: #7A7598;
  --chart-7: #ADA8C2;

  /* ----- Sidebar (inherits main palette) ----- */
  --sidebar: #F8F7F2;
  --sidebar-foreground: #1A1A1A;
  --sidebar-primary: #1C1856;
  --sidebar-primary-foreground: #F8F7F2;
  --sidebar-accent: #F1EFE9;
  --sidebar-accent-foreground: #1A1A1A;
  --sidebar-border: #E0DED8;
  --sidebar-ring: #1C1856;

  /* ----- Radii (hybrid: pill CTAs + 10px base + 16px cards) ----- */
  --radius: 0.625rem;              /* 10px base — inputs, utility buttons */
  --radius-card: 1rem;             /* 16px — cards, dialogs, popovers */
  --radius-pill: 9999px;           /* primary CTA buttons (brand pill) */
  --radius-button-utility: 0.375rem; /* 6px — utility + icon buttons */

  /* ----- Shadows (brand rule: none, except one soft dialog lift) ----- */
  --shadow-dialog: 0 4px 24px rgba(26, 26, 26, 0.06);

  /* ----- Fonts ----- */
  --font-sans: 'Inter', ui-sans-serif, system-ui, -apple-system, 'Segoe UI', sans-serif;
  --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, 'Courier New', monospace;
}