/*
 * Design tokens — admin panel redesign.
 * Plain CSS custom properties, additive only: does not modify or replace
 * the compiled Multizai theme (main.css) or its SCSS source
 * (settings/_settings.colors.scss) — this is a layer on top.
 * Light mode only for now; dark mode is a later phase.
 *
 * Brand: neutral charcoal slate + turmeric gold accent (green dropped
 * per feedback — was too dominant as a primary/brand color), warm paper
 * ground instead of cold gray.
 */
:root {
  /* Primary — neutral charcoal slate (brand identity) */
  --color-primary-50: #eef0f2;
  --color-primary-100: #d7dbe0;
  --color-primary-500: #3d4652;
  --color-primary-600: #2b323c;
  --color-primary-700: #1c2129;

  /* Accent — turmeric gold, spent deliberately (primary actions, active states) */
  --color-accent-50: #faf1e0;
  --color-accent-500: #b8863b;
  --color-accent-600: #8f6725;

  /* Semantic status colors — kept distinct from brand/accent hues */
  --color-success: #2f8f4e;
  --color-warning: #d9871f;
  --color-danger: #c4453a;
  --color-info: #3b6fa0;

  /* Text & surfaces — warm paper, not cold gray */
  --color-text: #23281f;
  --color-text-muted: #6b6f62;
  --color-border: #e7e1d3;
  --color-bg: #faf7f0;
  --color-surface: #ffffff;
  --color-surface-2: #f3efe4;

  /* Spacing scale */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-6: 24px;
  --space-8: 32px;

  /* Radius */
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 12px;

  /* Shadow */
  --shadow-card: 0 2px 12px rgba(0, 0, 0, 0.08);
  --shadow-card-hover: 0 4px 20px rgba(0, 0, 0, 0.12);

  /* Type scale */
  --font-size-xs: 11px;
  --font-size-sm: 13px;
  --font-size-md: 14px;
  --font-size-lg: 18px;
  --font-size-xl: 24px;
}