/**
 * Design tokens of the redesigned portal (Claude Design mockups,
 * /home/portail/design/portail-de-gestion-drupal). Values are the
 * mockups' own oklch colors, except the accent: AKABIA's indigo #1d19a9
 * instead of the mockups' lighter blue.
 *
 * Shared by the portal components (akabia_portal/ui) and the akabia_gin
 * shell (sidebar, page header, Gin restyle).
 */
:root {
  --ak-font: "Geist", "Plus Jakarta Sans", Inter, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --ak-font-mono: "Geist Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace;

  --ak-accent: #1d19a9;
  --ak-accent-hover: color-mix(in oklch, #1d19a9 82%, black);
  --ak-accent-soft: rgb(29 25 169 / .08);
  --ak-accent-ring: rgb(29 25 169 / .12);
  --ak-accent-border: color-mix(in oklch, #1d19a9 45%, white);
  /* The accent as it reads on the dark sidebar. */
  --ak-accent-on-dark: color-mix(in oklch, #1d19a9 62%, white);

  --ak-bg: oklch(0.975 0.004 265);
  --ak-surface: #fff;
  --ak-surface-2: oklch(0.98 0.004 265);
  --ak-surface-hover: oklch(0.975 0.008 265);
  --ak-surface-selected: oklch(0.97 0.015 265);
  --ak-field-bg: oklch(0.985 0.003 265);
  --ak-segment-bg: oklch(0.96 0.005 265);

  --ak-ink: oklch(0.22 0.02 265);
  --ak-text-2: oklch(0.42 0.02 265);
  --ak-text-3: oklch(0.48 0.02 265);
  --ak-muted: oklch(0.52 0.02 265);
  --ak-faint: oklch(0.6 0.02 265);
  --ak-control-ink: oklch(0.3 0.03 265);

  --ak-border: oklch(0.91 0.006 265);
  --ak-divider: oklch(0.92 0.006 265);
  --ak-row-border: oklch(0.94 0.005 265);
  --ak-field-border: oklch(0.88 0.008 265);
  --ak-control-border: oklch(0.87 0.01 265);

  --ak-success: oklch(0.45 0.12 150);
  --ak-success-bg: oklch(0.96 0.035 150);
  --ak-success-dot: oklch(0.65 0.15 150);
  --ak-danger: oklch(0.48 0.18 25);
  --ak-danger-strong: oklch(0.52 0.19 25);
  --ak-danger-bg: oklch(0.96 0.03 25);
  --ak-danger-border: oklch(0.85 0.07 25);
  --ak-danger-dot: oklch(0.6 0.2 25);
  --ak-warning: oklch(0.52 0.12 70);
  --ak-warning-pill: oklch(0.48 0.12 70);
  --ak-warning-bg: oklch(0.96 0.05 85);
  --ak-info: oklch(0.45 0.15 265);
  --ak-info-bg: oklch(0.95 0.03 265);

  --ak-side-bg: oklch(0.2 0.025 268);
  --ak-side-ink: oklch(0.85 0.01 265);
  --ak-side-label: oklch(0.6 0.02 265);
  --ak-side-sub: oklch(0.68 0.02 265);
  --ak-side-hover: oklch(0.28 0.035 268);
  --ak-side-active: oklch(0.3 0.04 268);
  --ak-side-border: oklch(0.3 0.03 268);
  --ak-side-avatar: oklch(0.35 0.04 268);

  --ak-radius-card: 12px;
  --ak-radius-kpi: 10px;
  --ak-radius-field: 8px;
  --ak-radius-control: 7px;
  --ak-radius-pill: 20px;
  --ak-shadow-pop: 0 12px 32px oklch(0.2 0.03 265 / 0.14);
  --ak-shadow-modal: 0 24px 60px oklch(0.2 0.03 265 / 0.25);

  --ak-sidebar-width: 224px;
}