/* Design tokens — prototype mirror of docs/UI_SYSTEM.md §Tokens (the document is the source; T0112 ports these to @theme). */
:root {
  color-scheme: light;

  /* Atmosphere */
  --bg: #E9F0FB; --bg-deep: #DCE7F9;
  --light-1: rgba(120, 168, 255, 0.42); --light-2: rgba(160, 196, 255, 0.55); --light-3: rgba(255, 255, 255, 0.85);

  /* Liquid glass */
  --glass-fill: linear-gradient(180deg, rgba(255,255,255,0.80), rgba(255,255,255,0.60));
  --glass-fill-strong: linear-gradient(180deg, rgba(255,255,255,0.92), rgba(255,255,255,0.78));
  --glass-blur: 28px; --glass-rim: rgba(255,255,255,0.55); --glass-edge: rgba(255,255,255,0.95); --glass-line: rgba(30,60,120,0.07);
  --shadow-glass: 0 1px 2px rgba(30,60,120,.05), 0 18px 40px -18px rgba(30,60,120,.24);
  --shadow-glass-hover: 0 2px 4px rgba(30,60,120,.06), 0 26px 50px -20px rgba(30,60,120,.30);
  --shadow-elevated: 0 2px 6px rgba(30,60,120,.08), 0 30px 70px -20px rgba(30,60,120,.35);
  --scrim: rgba(20, 40, 80, 0.30);

  /* Ink */
  --ink: #15192B; --ink-2: #4F566B; --ink-3: #6B7387; --ink-4: #9AA1B4; --hairline: rgba(30, 60, 120, 0.08);

  /* Accent: platform default, never a Partner colour */
  --accent: #2F6FE8; --accent-2: #5B95F8; --accent-deep: #1E55C4; --accent-soft: #E7F0FF; --accent-soft-2: #D3E2FF; --accent-ink: #1F5BD0;
  --gradient-primary: linear-gradient(180deg, #5B95F8 0%, #2F6FE8 100%); --on-accent: #FFFFFF;

  /* Entity colours: one hue per entity, used identically everywhere */
  --c-clients: #2F6FE8; --t-clients: #E4EEFF;
  --c-content: #14A38B; --t-content: #DDF5EF;
  --c-publish: #F28C28; --t-publish: #FFEEDD;
  --c-revenue: #22A05A; --t-revenue: #E3F6EA;
  --c-web: #6366F1; --t-web: #E8E8FF;
  --c-rose: #E0457B; --t-rose: #FDE7EF;

  /* Semantic */
  --success: #22A05A; --success-ink: #1B7F45; --success-soft: #E3F6EA;
  --warning: #E9A23B; --warning-ink: #9A5B00; --warning-soft: #FFF3DF;
  --danger: #E24C3F; --danger-ink: #C93B31; --danger-soft: #FDEBE9;

  /* Data */
  --series-1: #2F6FE8; --series-2: #14A38B; --series-3: #F28C28; --grid: rgba(30, 60, 120, 0.09);

  /* Radius */
  --r-control: 12px; --r-row: 14px; --r-card: 22px; --r-panel: 26px; --r-pill: 999px;

  /* Motion */
  --dur-fast: 150ms; --dur-state: 220ms; --dur-sheet: 320ms;
  --ease-out: cubic-bezier(.2, .8, .2, 1); --ease-sheet: cubic-bezier(.32, .72, 0, 1);

  /* Type and layout */
  --font: 'DM Sans', ui-sans-serif, system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  --sidebar-w: 256px; --rail-w: 76px; --content-max: 1400px; --gutter: 28px; --inset: 14px;

  /* Density: Partner default; the Admin variant overrides in [data-density="admin"] */
  --row-h: 44px; --card-pad: 22px; --text: 14px; --text-sm: 12.5px; --ctl-h: 44px; --ctl-h-sm: 34px;
}

/* Partner override: Grupo DLGS (demo). Navy sampled from the website logo (2026-09-28); a light tint for the brand-card button. */
:root[data-partner="dlgs"] {
  --partner-ink: #1A4A7A; --partner-deep: #082E56; --partner-gold: #E6ECF3; --partner-gold-soft: #EEF2F7; --partner-line: rgba(8, 46, 86, 0.30);
}

[data-density="admin"] { --row-h: 36px; --card-pad: 16px; --text: 13px; --text-sm: 12px; --ctl-h: 36px; --ctl-h-sm: 30px; }