/* Obiectiv10 — design tokens v2.0 · paleta Warm Summer
   Sursa de adevăr pentru culoare, tipografie, rază și umbră.
   Nicio componentă din aplicație nu scrie un hex direct.
   Vezi ADR-0018 pentru de ce s-a înlocuit paleta Fresco. */

:root {
  /* brand — albastru de fum */
  --o10-brand:            #30638E;
  --o10-brand-hover:      #24506F;
  --o10-brand-subtle:     #E3EBF1;
  --o10-ink:              #003D5B;

  /* surfaces — neutre reci, derivate din tuș */
  --o10-canvas:           #E8EDF1;
  --o10-surface:          #F2F6F9;
  --o10-surface-raised:   #FFFFFF;
  --o10-border:           #D3DDE5;
  --o10-border-strong:    #B4C3CF;

  /* text */
  --o10-text:             #003D5B;
  --o10-text-secondary:   #3D5F73;
  --o10-text-tertiary:    #4A6B7D;
  /* Doar stări dezactivate și metadată decorativă.
     Contrast 3.1–3.7:1 în funcție de suprafață — sub AA.
     Nu se folosește pentru text pe care utilizatorul trebuie să-l citească. */
  --o10-text-muted:       #6A8A9A;

  /* harta stăpânirii — niciodată brand.
     `-bg` e tentă de panou (text normal deasupra).
     `-on` e textul de pe pastila plină. */
  --o10-gap:              #B83348;   --o10-gap-bg:      #F7E7E9;   --o10-gap-on:      #FFFFFF;
  --o10-working:          #EDAE49;   --o10-working-bg:  #FBF1DC;   --o10-working-on:  #003D5B;
  --o10-mastered:         #00798C;   --o10-mastered-bg: #E9F5F7;   --o10-mastered-on: #FFFFFF;

  /* type */
  --o10-font-display: 'Outfit', system-ui, sans-serif;
  --o10-font-ui:      'Manrope', system-ui, sans-serif;
  --o10-font-mono:    'JetBrains Mono', ui-monospace, monospace;

  /* radius */
  --o10-r-sm: 6px;
  --o10-r-md: 10px;
  --o10-r-lg: 14px;
  --o10-r-xl: 20px;
  --o10-r-full: 999px;

  /* spacing — bază 4 */
  --o10-s-1: 4px;  --o10-s-2: 8px;   --o10-s-3: 12px; --o10-s-4: 16px;
  --o10-s-6: 24px; --o10-s-8: 32px;  --o10-s-12: 48px;

  /* elevation */
  --o10-shadow-raised:  0 1px 2px rgba(0,61,91,.08);
  --o10-shadow-overlay: 0 10px 30px rgba(0,61,91,.16), 0 1px 2px rgba(0,61,91,.08);
}

[data-theme='dark'] {
  --o10-brand:            #6BA3D6;
  --o10-brand-hover:      #8FBCE4;
  --o10-brand-subtle:     #16303F;
  --o10-ink:              #F3ECE1;

  --o10-canvas:           #0C161D;
  --o10-surface:          #14232D;
  --o10-surface-raised:   #1B2E3A;
  --o10-border:           #243C4B;
  --o10-border-strong:    #35566A;

  --o10-text:             #F3ECE1;
  --o10-text-secondary:   #A9BECB;
  --o10-text-tertiary:    #93A8B6;
  /* Doar stări dezactivate și metadată decorativă.
     Contrast 3.8–4.8:1 în funcție de suprafață — sub AA pe majoritatea.
     Nu se folosește pentru text pe care utilizatorul trebuie să-l citească. */
  --o10-text-muted:       #6E8592;

  --o10-gap:              #E8737F;   --o10-gap-bg:      #2C1A1D;   --o10-gap-on:      #0C161D;
  --o10-working:          #EDAE49;   --o10-working-bg:  #2E2616;   --o10-working-on:  #0C161D;
  --o10-mastered:         #3FB8C9;   --o10-mastered-bg: #102C31;   --o10-mastered-on: #0C161D;

  --o10-shadow-raised:  none;
  --o10-shadow-overlay: 0 16px 40px rgba(0,0,0,.6);
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme='light']) {
    color-scheme: dark;
  }
}

html, body {
  background: var(--o10-canvas);
  color: var(--o10-text);
  font-family: var(--o10-font-ui);
  -webkit-font-smoothing: antialiased;
}
a { color: var(--o10-brand); }
a:hover { color: var(--o10-brand-hover); }