/*
  Kairos AI owner dashboard — THEME FILE
  Every colour, font, radius and spacing value lives here. app.css only uses var().
  Restyled 2026-10-24 to match the Kairos AI homepage (concept C: paper / ink / Aegean cobalt, Geologica).

  Accent: set <html data-accent="cobalt"> (default) or data-accent="terracotta". "teal" is kept as an alias of cobalt for saved demo states.
*/

@import url("https://fonts.googleapis.com/css2?family=Geologica:wght@300;400;500;600;700&display=swap");

:root {
  /* Type — both faces ship a Greek subset */
  --font-display: "Geologica", "Helvetica Neue", Arial, sans-serif; /* page titles, same face as the homepage headlines */
  --font-ui: "Geologica", system-ui, sans-serif;                     /* everything else, incl. big numbers */
  --display-weight: 600;
  --display-tracking: -.035em;

  --text-hero: 3.5rem;      /* the one number per view */
  --text-big: 1.75rem;      /* metric values */
  --text-title: 1.875rem;   /* page titles (display face) */
  --text-h2: 1.0625rem;     /* card titles */
  --text-body: 0.9375rem;
  --text-small: 0.8125rem;
  --text-micro: 0.75rem;

  /* Neutrals — cool off-white, not cream */
  --bg: #f1f0eb;
  --surface: #ffffff;
  --surface-sunken: #e9e8e2;
  --border: #dddbd3;
  --border-strong: #c3c1b8;
  --ink: #111417;
  --ink-2: #4f5459;
  --ink-3: #6b7075;
  --on-accent: #ffffff;
  --scrim: rgba(17, 20, 23, .38);
  --toast-bg: #111417;
  --toast-ink: #ffffff;

  /* Status — performance only, never decoration */
  --good: #12704f;
  --good-soft: #e3f2ec;
  --warn: #7e5306;
  --warn-soft: #fbf0da;
  --bad: #b3261e;
  --bad-soft: #f9e3e0;

  /* Chart */
  --chart-prev: #c4bba4;    /* last-period line (the homepage's OTA sand) */
  --chart-grid: #e7e5de;

  /* Shape + space */
  --radius-s: 6px;
  --radius-m: 10px;
  --radius-l: 12px;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;
  --shadow-pop: 0 10px 30px rgba(20, 24, 22, .12), 0 2px 6px rgba(20, 24, 22, .06);
  --focus: 0 0 0 3px var(--accent-ring);

  --sidebar-w: 248px;
  --sidebar-w-collapsed: 72px;
}

/* Accent A — Aegean cobalt (default, same as the homepage) */
:root,
:root[data-accent="cobalt"],
:root[data-accent="teal"] {
  --accent: #2342d6;
  --accent-hover: #1a33ae;
  --accent-soft: #e6eafb;
  --accent-ring: rgba(35, 66, 214, .28);
  --accent-ink: #1a33ae;
}

/* Accent B — warm terracotta */
:root[data-accent="terracotta"] {
  --accent: #b0532f;
  --accent-hover: #934325;
  --accent-soft: #f6e8e1;
  --accent-ring: rgba(176, 83, 47, .28);
  --accent-ink: #8c3f22;
}

/* Sample-image palette (SVG placeholders only) */
:root {
  --img-sky: #dfe7ea;
  --img-sea: #8fb3c0;
  --img-sea-deep: #5f8f9f;
  --img-wall: #fbfaf7;
  --img-shadow: #e3e1da;
  --img-wood: #b49779;
  --img-linen: #efece5;
  --img-plant: #7e9a7a;
  --img-sun: #f1d9a8;
}