/* ─── RHIMCHU brand theme ──────────────────────────────────────────────────
   This is the ONLY file that should change for rebranding. Every other
   stylesheet consumes these custom properties by role, never raw hex.

   Brand: dark charcoal + off-white, electric blue as an accent only
   (never the whole surface). Dark is the primary/default mood; light is
   offered as a secondary, accessible alternative via prefers-color-scheme. */

@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@500;700&family=Inter:wght@400;500;600;700&family=IBM+Plex+Mono:wght@400;500;600&display=swap');

:root {
  /* Dark charcoal — brand default */
  --surface-0: #101012;
  --surface-1: #17171a;
  --surface-2: #1c1c20;
  --surface-3: #26262b;

  --text-primary:   #f3f2ee;
  --text-secondary: #c7c5bd;
  --text-muted:     #8b8a84;

  --border: #303035;

  --accent:     #2f6bff;
  --accent-ink: #ffffff;
  --accent-bg:  rgba(47, 107, 255, 0.16);

  --good:     #2fbf6a;
  --warning:  #f5a623;
  --warning-ink: #f5a623;
  --critical: #e5484d;

  --good-bg:     rgba(47, 191, 106, 0.15);
  --warning-bg:  rgba(245, 166, 35, 0.15);
  --critical-bg: rgba(229, 72, 77, 0.15);

  --radius-sm: 7px;
  --radius-md: 10px;
  --radius-lg: 16px;

  --font-heading: 'Space Grotesk', -apple-system, BlinkMacSystemFont, sans-serif;
  --font-body:    'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
  --font-mono:    'IBM Plex Mono', ui-monospace, monospace;
  --font-family:  var(--font-body); /* legacy alias */
}

@media (prefers-color-scheme: light) {
  :root {
    --surface-0: #f5f7f9;
    --surface-1: #ffffff;
    --surface-2: #ffffff;
    --surface-3: #f6f8fa;

    --text-primary:   #16161a;
    --text-secondary: #4a4945;
    --text-muted:     #85837c;

    --border: #e2e0d9;

    --accent:     #2151c9;
    --accent-ink: #ffffff;
    --accent-bg:  rgba(33, 81, 201, 0.12);

    --good:     #12874f;
    --warning:  #a9660a;
    --warning-ink: #a9660a;
    --critical: #c22a2f;

    --good-bg:     #e5f6ec;
    --warning-bg:  #fbecd6;
    --critical-bg: #fbe6e6;
  }
}