/* ===========================================================================
   DvaDoma - Design Tokens · Direction "B" (Jasna)
   Near-monochrome warm paper · petrol accent · ochre secondary · crisp.
   User-chosen direction (overrides brief's teal/violet).
   Single source of truth; do NOT hard-code colours in views.
   Keeps the --dd-* token API so all views adopt this palette centrally.
   =========================================================================== */

:root {
  /* ---- Brand / accent ---- */
  --dd-primary:        #1E4E8C;   /* petrol - primary actions, brand, Home 1 */
  --dd-primary-dark:   #173B6B;   /* hover / active */
  --dd-primary-soft:   #E8EDF8;   /* tinted surfaces */
  --dd-primary-softer: #F2F5FC;

  --dd-secondary:      #A9812F;   /* ochre - Home 2, attention, secondary */
  --dd-secondary-dark: #8A6A24;
  --dd-secondary-soft: #F6EFDD;

  /* ---- Surfaces ---- */
  --dd-bg:        #F3F2EE;   /* warm gray paper */
  --dd-surface:   #FFFFFF;
  --dd-surface-2: #FBFAF7;

  /* ---- Text / lines ---- */
  --dd-text:   #191B1A;      /* near-black ink */
  --dd-text-2: #3B403E;
  --dd-muted:  #5F6560;      /* AA ≥4.5:1 on bg/surfaces - verified */
  --dd-faint:  #9AA0A0;      /* DECORATIVE only - not for content text */
  --dd-border: #E3E1DA;      /* hairline / card borders */
  --dd-hair:   #EDEBE4;      /* inner dividers */
  --dd-border-strong: #CFCBC0;

  /* ---- Status (colour + icon/text, never colour alone) ---- */
  --dd-success: #2F7D5A;  --dd-success-soft: #E5F0EA;
  --dd-warning: #A9812F;  --dd-warning-soft: #F6EFDD;   /* ochre = attention/pending */
  --dd-danger:  #B0473F;  --dd-danger-soft:  #F5E6E4;
  --dd-info:    #1E4E8C;  --dd-info-soft:    #E8EDF8;

  /* ---- Home / status colours (NEVER gender-coded, NEVER colour-only) ---- */
  --dd-home1:      var(--dd-primary);        /* Pri Maji - petrol */
  --dd-home1-soft: var(--dd-primary-soft);
  --dd-home2:      var(--dd-secondary);      /* Pri Roku - ochre */
  --dd-home2-soft: var(--dd-secondary-soft);
  --dd-pending:      var(--dd-secondary);    /* predlog - ochre + dashed treatment */
  --dd-pending-soft: var(--dd-secondary-soft);

  /* ---- Typography (self-hosted Inter; system stack fallback) ---- */
  --dd-font-sans: "Inter","Inter var",-apple-system,BlinkMacSystemFont,"SF Pro Text",
                  "Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  --dd-fs-root: 16px;
  --dd-fs-xs:   0.8125rem;   /* 13px */
  --dd-fs-sm:   0.875rem;    /* 14px */
  --dd-fs-base: 1rem;        /* 16px */
  --dd-fs-lg:   1.125rem;    /* 18px */
  --dd-fs-xl:   1.375rem;    /* 22px */
  --dd-fs-2xl:  1.75rem;     /* 28px */
  --dd-fs-3xl:  2.125rem;    /* 34px */
  --dd-fs-hero: clamp(2rem, 4.5vw, 3rem);
  --dd-caps: 11.5px;         /* uppercase label size (readable) */

  --dd-fw-normal: 400; --dd-fw-medium: 500; --dd-fw-semibold: 600; --dd-fw-bold: 700;
  --dd-lh-tight: 1.14; --dd-lh-snug: 1.4; --dd-lh-normal: 1.55;

  /* ---- Spacing (4px base) ---- */
  --dd-sp-1:.25rem; --dd-sp-2:.5rem; --dd-sp-3:.75rem; --dd-sp-4:1rem;
  --dd-sp-5:1.5rem; --dd-sp-6:2rem; --dd-sp-7:3rem; --dd-sp-8:4rem;

  /* ---- Radius (B = crisp, slightly smaller) ---- */
  --dd-radius-card: 16px;
  --dd-radius-md: 14px;
  --dd-radius-input: 10px;
  --dd-radius-sm: 9px;
  --dd-radius-pill: 999px;

  /* ---- Shadow (very soft) ---- */
  --dd-shadow-xs: 0 1px 2px rgba(25,27,26,.04);
  --dd-shadow-sm: 0 1px 2px rgba(25,27,26,.04), 0 6px 16px rgba(25,27,26,.05);
  --dd-shadow-md: 0 2px 6px rgba(25,27,26,.05), 0 14px 34px rgba(25,27,26,.07);
  --dd-shadow-lg: 0 10px 24px rgba(25,27,26,.08), 0 26px 60px rgba(25,27,26,.10);

  /* ---- Focus ring ---- */
  --dd-focus-ring: 0 0 0 3px rgba(30,78,140,.28);

  /* ---- Layout ---- */
  --dd-container-max: 1200px;
  --dd-sidenav-w: 240px;
  --dd-bottomnav-h: 62px;
  --dd-tap-min: 44px;

  /* ---- Motion ---- */
  --dd-transition: 150ms ease;
  --dd-transition-slow: 240ms ease;
}

@media (prefers-reduced-motion: reduce) {
  * { animation-duration: 0.001ms !important; transition-duration: 0.001ms !important; }
}