/* Roomm lietotne: dizaina žetoni.
   Vienīgā vieta, kur dzīvo krāsas, izmēri un kustības vērtības. stils.css lieto
   TIKAI šos mainīgos un nekad neraksta krāsas ar roku.

   Zīmola krāsas ir zemes toņi: sūnu zaļš #414F33 (galvenā), gaiša salvija teksts
   uz zaļa, silti krēmīgs fons, brūngans akcents. Logotips vēl nav gatavs; kad
   būs, mainās tikai vārdzīme (ui/pamati.js) un ikonas, žetoni paliek.

   Tēma: pēc ierīces iestatījuma; Iestatījumos var piespiest gaišo vai tumšo
   (data-tema="gaiss" vai "tumss" uz <html>). */

:root {
  color-scheme: light dark;

  /* Virsmas */
  --bg: #f6f1e7;
  --surface: #fffdf8;
  --surface-2: #efe8da;
  --surface-3: #e6ddcb;
  --surface-float: #fffdf8;
  --border: rgb(65 79 51 / 0.14);
  --border-strong: rgb(65 79 51 / 0.28);

  /* Teksts */
  --text: #262a20;
  --text-2: #4b5240;
  --text-3: #5f6553;

  /* Zīmols: sūnu zaļš */
  --brand: #414f33;
  --brand-hover: #4d5d3c;
  --on-brand: #e4ebd6;
  --brand-text: #414f33;
  --brand-tint: #e3ead3;

  /* Augšjosla (zaļa) un teksts uz tās */
  --bar-bg: #414f33;
  --on-bar: #e4ebd6;
  --on-bar-2: #bcc9a6;

  /* Brūngans akcents */
  --accent: #7a5a3c;
  --accent-text: #7a5a3c;
  --accent-tint: #f0e4d2;
  --on-accent: #fffdf8;

  /* Statusi */
  --ok-text: #3f6b33;
  --ok-tint: #e3edd9;
  --warn-text: #7d5415;
  --warn-tint: #f4e8cc;
  --danger: #a23b2a;
  --danger-text: #8e3223;
  --danger-tint: #f5e3dd;
  --on-danger: #fffdf8;

  /* Kanāli un meistaru atzīmes */
  --kanals-wa: #2f7a4b;
  --kanals-ig: #a2456f;
  --marker-1: #5f7a45;
  --marker-2: #a07850;

  /* Sarunas burbuļi */
  --burbulis-kliente: #fffdf8;
  --burbulis-asistents: #e6ebd6;
  --burbulis-meistare: #414f33;
  --burbulis-meistare-teksts: #e4ebd6;

  /* Citi */
  --focus: #7a5a3c;
  --scrim: rgb(24 28 18 / 0.45);
  --shadow-1: 0 1px 2px rgb(38 42 32 / 0.08), 0 2px 8px rgb(38 42 32 / 0.06);
  --shadow-sheet: 0 -8px 32px rgb(38 42 32 / 0.18);

  /* Burti: sistēmas, bez ārējiem fontiem */
  --font-ui: -apple-system, BlinkMacSystemFont, "SF Pro Text", system-ui, "Segoe UI", Roboto, sans-serif;
  --font-serif: ui-serif, "New York", "Iowan Old Style", Georgia, "Times New Roman", serif;
  --fs-xs: 0.75rem;
  --fs-s: 0.875rem;
  --fs-m: 1rem;
  --fs-l: 1.125rem;
  --fs-xl: 1.375rem;
  --fs-2xl: 1.75rem;
  --fw-regular: 400;
  --fw-medium: 500;
  --fw-semibold: 600;
  --lh-tight: 1.2;
  --lh-normal: 1.4;

  /* Atstarpes un rādiusi */
  --sp-1: 4px;
  --sp-2: 8px;
  --sp-3: 12px;
  --sp-4: 16px;
  --sp-5: 20px;
  --sp-6: 24px;
  --sp-8: 32px;
  --sp-10: 40px;
  --r-s: 8px;
  --r-m: 12px;
  --r-l: 18px;
  --r-xl: 24px;
  --r-pill: 999px;

  /* Izmēri */
  --tap: 44px;
  --tap-liels: 52px;
  --josla-h: 52px;
  --tabjosla-h: 56px;
  --kolonna: 640px;
  --avatars: 44px;

  /* Drošās zonas (iPhone izgriezums un mājas josla) */
  --safe-augsa: env(safe-area-inset-top, 0px);
  --safe-apaksa: env(safe-area-inset-bottom, 0px);
  --safe-kreisa: env(safe-area-inset-left, 0px);
  --safe-laba: env(safe-area-inset-right, 0px);

  /* Kustība */
  --dur-1: 120ms;
  --dur-2: 220ms;
  --dur-3: 320ms;
  --ease: cubic-bezier(0.2, 0.8, 0.2, 1);

  /* Slāņi */
  --z-josla: 10;
  --z-loksne: 30;
  --z-tosts: 40;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-tema="gaiss"]) {
    --bg: #151812;
    --surface: #1e2218;
    --surface-2: #1a1e15;
    --surface-3: #2b3123;
    --surface-float: #2b3123;
    --border: rgb(228 235 214 / 0.1);
    --border-strong: rgb(228 235 214 / 0.2);

    --text: #eef0e4;
    --text-2: #c5cbb5;
    --text-3: #9ba28c;

    --brand: #4f6339;
    --brand-hover: #5b7144;
    --on-brand: #f2f5ea;
    --brand-text: #b5c79b;
    --brand-tint: #2c3822;

    --bar-bg: #1d2517;
    --on-bar: #c9d6b3;
    --on-bar-2: #94a47e;

    --accent: #c9a27b;
    --accent-text: #d2b28f;
    --accent-tint: #3a2f22;
    --on-accent: #1b140d;

    --ok-text: #a5d08f;
    --ok-tint: #243020;
    --warn-text: #e5bc72;
    --warn-tint: #3a2f18;
    --danger: #d9705f;
    --danger-text: #f2a394;
    --danger-tint: #3a2420;
    --on-danger: #1b0f0c;

    --kanals-wa: #6fc08b;
    --kanals-ig: #e08fb2;
    --marker-1: #9bb97e;
    --marker-2: #c9a27b;

    --burbulis-kliente: #2b3123;
    --burbulis-asistents: #2a3326;
    --burbulis-meistare: #4f6339;
    --burbulis-meistare-teksts: #f2f5ea;

    --focus: #d2b28f;
    --scrim: rgb(0 0 0 / 0.6);
    --shadow-1: 0 1px 2px rgb(0 0 0 / 0.4);
    --shadow-sheet: 0 -8px 32px rgb(0 0 0 / 0.5);
  }
}

:root[data-tema="tumss"] {
  --bg: #151812;
  --surface: #1e2218;
  --surface-2: #1a1e15;
  --surface-3: #2b3123;
  --surface-float: #2b3123;
  --border: rgb(228 235 214 / 0.1);
  --border-strong: rgb(228 235 214 / 0.2);

  --text: #eef0e4;
  --text-2: #c5cbb5;
  --text-3: #9ba28c;

  --brand: #4f6339;
  --brand-hover: #5b7144;
  --on-brand: #f2f5ea;
  --brand-text: #b5c79b;
  --brand-tint: #2c3822;

  --bar-bg: #1d2517;
  --on-bar: #c9d6b3;
  --on-bar-2: #94a47e;

  --accent: #c9a27b;
  --accent-text: #d2b28f;
  --accent-tint: #3a2f22;
  --on-accent: #1b140d;

  --ok-text: #a5d08f;
  --ok-tint: #243020;
  --warn-text: #e5bc72;
  --warn-tint: #3a2f18;
  --danger: #d9705f;
  --danger-text: #f2a394;
  --danger-tint: #3a2420;
  --on-danger: #1b0f0c;

  --kanals-wa: #6fc08b;
  --kanals-ig: #e08fb2;
  --marker-1: #9bb97e;
  --marker-2: #c9a27b;

  --burbulis-kliente: #2b3123;
  --burbulis-asistents: #2a3326;
  --burbulis-meistare: #4f6339;
  --burbulis-meistare-teksts: #f2f5ea;

  --focus: #d2b28f;
  --scrim: rgb(0 0 0 / 0.6);
  --shadow-1: 0 1px 2px rgb(0 0 0 / 0.4);
  --shadow-sheet: 0 -8px 32px rgb(0 0 0 / 0.5);
}