/*
 * FMS brand design tokens — default (fopen) theme.
 *
 * Modern, neutral dashboard: white content, a soft grey sidebar, and the fopen
 * red used sparingly as an accent (active nav, links, focus, small status,
 * destructive actions). Primary actions are ink, not red.
 *
 * Whitelabel instances override these from their `brands` record at runtime.
 * Components reference var(--brand-*) / the semantic tokens only.
 */

:root {
  /* fopen brand */
  --brand-primary: #e83038;          /* red accent */
  --brand-primary-hover: #cf2229;
  --brand-primary-fg: #ffffff;
  --brand-soft: #fdecec;             /* faint red tint (active nav, etc.) */
  --brand-ink: #18181b;              /* near-black, primary actions */
  --brand-muted: #d0d0d0;

  /* Surfaces (light) */
  --background: #ffffff;             /* page/content */
  --foreground: #18181b;             /* zinc-900 */
  --card: #ffffff;
  --sidebar: #f7f7f8;                /* soft grey rail */
  --sidebar-border: #ececef;
  --muted: #f4f4f5;                  /* hover / subtle fill */
  --muted-foreground: #71717a;       /* zinc-500 */
  --border: #e8e8eb;                 /* hairlines */
  --ring: rgba(232, 48, 56, 0.35);   /* soft red focus ring */

  /* Status */
  --success: #16a34a;
  --warning: #d97706;
  --danger: #dc2626;

  --radius: 0.625rem;

  /* Elevation */
  --shadow-sm: 0 1px 2px rgba(16, 17, 26, 0.06), 0 1px 1px rgba(16, 17, 26, 0.04);
  --shadow: 0 4px 14px rgba(16, 17, 26, 0.07), 0 2px 4px rgba(16, 17, 26, 0.04);
  --shadow-lg: 0 12px 32px rgba(16, 17, 26, 0.14), 0 4px 10px rgba(16, 17, 26, 0.06);
}

.dark {
  --background: #0e0e11;
  --foreground: #fafafa;
  --card: #161619;
  --sidebar: #131316;
  --sidebar-border: #232327;
  --muted: #1d1d21;
  --muted-foreground: #a1a1aa;
  --border: #26262b;
  --brand-soft: #2a1416;
  --brand-ink: #fafafa;              /* ink buttons go light in dark mode */
  --ring: rgba(232, 48, 56, 0.45);
  --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.4);
  --shadow: 0 4px 14px rgba(0, 0, 0, 0.5);
  --shadow-lg: 0 12px 32px rgba(0, 0, 0, 0.6);
}