/**
 * Kisasa Designs — shared brand tokens (Visual Stream V1)
 *
 * Include from a central layout (login.php, index.php) so V2/V3 can consume
 * the same variables. Presentation only — no layout chrome beyond tokens.
 *
 * Logo assets (do not re-derive):
 *   assets/images/kisasa-designs-logo-full.png
 *   assets/images/kisasa-designs-mark.png
 *   assets/images/kisasa-designs-watermark.png
 */

:root {
  /* Brand core (from Kisasa logo) */
  --kisasa-primary: #3b1e1e;
  --kisasa-primary-hover: #522929;
  --kisasa-primary-active: #2a1515;
  --kisasa-primary-soft: rgba(59, 30, 30, 0.08);
  --kisasa-primary-muted: rgba(59, 30, 30, 0.55);

  /* Surfaces */
  --kisasa-surface: #e6e4e2;
  --kisasa-surface-elevated: #f4f2f0;
  --kisasa-surface-sunken: #d8d4d0;
  --kisasa-bg: #ebe7e3;
  --kisasa-bg-deep: #2a1515;

  /* Text */
  --kisasa-text: #2c1a1a;
  --kisasa-text-secondary: #5c4a4a;
  --kisasa-text-muted: #8a7a7a;
  --kisasa-text-on-primary: #f4f2f0;
  --kisasa-text-on-dark: #e6e4e2;

  /* Borders & focus */
  --kisasa-border: #cfc9c4;
  --kisasa-border-strong: #b0a8a2;
  --kisasa-focus-ring: rgba(59, 30, 30, 0.35);

  /* Accents (warm brass — interiors, not purple/terracotta cliché) */
  --kisasa-accent: #a67c52;
  --kisasa-accent-soft: rgba(166, 124, 82, 0.14);

  /* Semantic */
  --kisasa-success: #3d6b4f;
  --kisasa-success-bg: #e8f0eb;
  --kisasa-warning: #9a6b2f;
  --kisasa-warning-bg: #f5eedf;
  --kisasa-danger: #8b3a3a;
  --kisasa-danger-bg: #f5e8e8;
  --kisasa-info: #3d5a6b;
  --kisasa-info-bg: #e8eef2;

  /* Typography — Maven Pro already shipped in assets/fonts/maven */
  --kisasa-font-sans: "Maven Pro", "Segoe UI", "Helvetica Neue", sans-serif;
  --kisasa-font-display: "Maven Pro", "Segoe UI", "Helvetica Neue", sans-serif;
  --kisasa-font-mono: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace;

  /* Radius & elevation */
  --kisasa-radius-sm: 4px;
  --kisasa-radius: 8px;
  --kisasa-radius-lg: 14px;
  --kisasa-shadow-sm: 0 1px 2px rgba(42, 21, 21, 0.06);
  --kisasa-shadow: 0 8px 28px rgba(42, 21, 21, 0.12);
  --kisasa-shadow-lg: 0 18px 48px rgba(42, 21, 21, 0.18);

  /* Motion */
  --kisasa-ease: cubic-bezier(0.22, 1, 0.36, 1);
  --kisasa-duration: 280ms;
}