/* Trellite design tokens — Akarya house style (see auth.akarya.id / portal.akarya.id).
   Light mode only. Board and label palettes are user data and stay as they were. */

:root {
  color-scheme: light;

  /* Surfaces */
  --page-a: #eef3f8;
  --page-b: #dbe6f1;
  --page-c: #cfe0ef;
  --surface: #ffffff;
  --surface-sunk: #f7f9fc;
  --surface-alt: #eef2f7;

  /* Ink */
  --ink: #1f2933;
  --ink-soft: #64748b;
  --ink-faint: #94a3b8;
  --on-brand: #ffffff;

  /* Lines */
  --line: #d9e2ec;
  --line-strong: #c2cfdd;

  /* Brand */
  --brand: #12539b;
  --brand-hover: #0f4885;
  --brand-tint: #e8f0f9;
  --ring: rgba(18, 83, 155, 0.18);

  /* Status */
  --danger: #c0392b;
  --danger-hover: #a93226;
  --danger-tint: #fdecea;
  --ok-ink: #1f7a45;
  --ok-tint: #e7f6ec;
  --warn-ink: #a15c07;
  --warn-tint: #faf3d1;

  /* Radii */
  --r-xs: 6px;
  --r-sm: 8px;
  --r-md: 10px;
  --r-lg: 14px;
  --r-xl: 18px;

  /* Elevation — soft, blue-tinted */
  --shadow-xs: 0 1px 2px rgba(16, 42, 77, 0.06);
  --shadow-sm: 0 1px 2px rgba(16, 42, 77, 0.06), 0 2px 6px -2px rgba(16, 42, 77, 0.12);
  --shadow-md: 0 8px 24px -8px rgba(16, 42, 77, 0.22);
  --shadow-lg: 0 18px 48px -18px rgba(16, 42, 77, 0.32);

  /* Motion */
  --t-fast: 0.12s ease;
  --t: 0.18s ease;

  /* Layout metrics */
  --topbar-h: 52px;
  --sidebar-w: 264px;

  /* Board colour — overridden per board on .board-area only, never on <body>. */
  --board-color: var(--brand);

  --font-sans: "Instrument Sans", ui-sans-serif, system-ui, -apple-system,
    "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji",
    "Segoe UI Emoji";
  --font-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
}