/* TEDI disainisüsteemi tokenite alamhulk.
 *
 * MIS SEE ON JA MIKS SEE SIIN ON
 * ------------------------------
 * Organisatsiooni reegel on, et uus kasutajaliides kasutab TEDI-t
 * (`@tedi-design-system/react` või `/angular`) ja AINULT semantilisi
 * tokeneid. Need prototüübid on aga teadlikult ilma build-sammu, ilma
 * teekideta ja peavad avanema otse `file://` pealt. React-paketti siia
 * panna ei saa.
 *
 * Seetõttu on siin TEDI gap-handling korra 3. samm: lokaalne
 * teostus, mis kasutab ainult TEDI semantilisi tokeneid.
 *
 * Need väärtused EI ole käsitsi kirjutatud ega silma järgi valitud.
 * Nad on välja võetud päris paketist:
 *
 *   pakett  : @tedi-design-system/react
 *   versioon: 19.1.1
 *   allikas : package/index.css, hele teema (`.tedi-theme--default`)
 *   võetud  : 2026-10-07
 *
 * Alamhulk, mitte kogu komplekt — siin on ainult need tokenid, mida
 * koondleht kasutab. Pakett ise sisaldab 1822 custom property'd.
 *
 * MIDA MITTE TEHA
 *   - Ära muuda neid väärtusi. TEDI on vendor-kood. Kui mõni token on
 *     vale või puudu, tuleb see TEDI poolelt parandada, mitte siin.
 *   - Ära lisa siia oma värve ega mõõte. Kui midagi on puudu, võta
 *     see paketist juurde ja kirjuta versioon siia päisesse.
 *
 * VÄRSKENDAMINE
 *   npm pack @tedi-design-system/react@<versioon>
 *   tar -xzf tedi-design-system-react-<versioon>.tgz package/index.css
 *   ja võta samad tokenid uuesti.
 *
 * FONT
 * ----
 * TEDI kirjapere on Roboto. Fondifailid on paketist kaasa võetud ja
 * asuvad kaustas `fonts/`, nii et leht ei tee ühtegi võrgupäringut —
 * see on prototüüpide kandev reegel. Kaasas on latin ja latin-ext
 * alamhulgad kaaludel 400 ja 700; latin-ext on eesti keele jaoks
 * vajalik (š, ž). Kaalu 500 Robotos ei ole, nii et
 * `--tedi-weight-03` langeb lähimale olemasolevale.
 *
 * Roboto on Apache-2.0 litsentsiga, nii et failide kaasapanek on
 * lubatud.
 */

@font-face {
  font-family: Roboto;
  font-style: normal;
  font-weight: 400;
  src: url(fonts/roboto-v30-latin-400.woff2) format("woff2");
  font-display: swap;
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6,
    U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC,
    U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: Roboto;
  font-style: normal;
  font-weight: 700;
  src: url(fonts/roboto-v30-latin-700.woff2) format("woff2");
  font-display: swap;
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6,
    U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC,
    U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: Roboto;
  font-style: normal;
  font-weight: 400;
  src: url(fonts/roboto-v30-latin-ext-400.woff2) format("woff2");
  font-display: swap;
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F,
    U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F,
    U+A720-A7FF;
}

@font-face {
  font-family: Roboto;
  font-style: normal;
  font-weight: 700;
  src: url(fonts/roboto-v30-latin-ext-700.woff2) format("woff2");
  font-display: swap;
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F,
    U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F,
    U+A720-A7FF;
}

:root {
  /* Neutraalsed */
  --tedi-neutral-100: rgb(255 255 255);
  --tedi-neutral-200: rgb(249 249 249);
  --tedi-neutral-300: rgb(240 240 242);
  --tedi-neutral-350: rgb(225 226 229);
  --tedi-neutral-400: rgb(210 211 216);
  --tedi-neutral-450: rgb(146 147 164);
  --tedi-neutral-500: rgb(131 132 148);
  --tedi-neutral-550: rgb(115 116 130);
  --tedi-neutral-600: rgb(93 96 113);
  --tedi-neutral-700: rgb(75 78 98);
  --tedi-neutral-750: rgb(52 57 76);
  --tedi-neutral-800: rgb(38 43 59);
  --tedi-neutral-850: rgb(21 25 38);
  --tedi-neutral-900: rgb(0 0 0);

  /* Sinine — primary allikas */
  --tedi-blue-100: rgb(231 240 246);
  --tedi-blue-200: rgb(208 225 238);
  --tedi-blue-300: rgb(153 189 218);
  --tedi-blue-400: rgb(69 135 188);
  --tedi-blue-500: rgb(51 123 181);
  --tedi-blue-600: rgb(0 90 163);
  --tedi-blue-700: rgb(0 66 119);
  --tedi-blue-800: rgb(0 54 98);

  /* Roheline */
  --tedi-green-100: rgb(234 243 238);
  --tedi-green-200: rgb(214 231 221);
  --tedi-green-300: rgb(172 207 186);
  --tedi-green-400: rgb(131 182 152);
  --tedi-green-500: rgb(89 158 117);
  --tedi-green-600: rgb(48 134 83);
  --tedi-green-700: rgb(38 107 66);
  --tedi-green-800: rgb(29 80 50);

  /* Punane */
  --tedi-red-100: rgb(251 236 236);
  --tedi-red-200: rgb(247 216 216);
  --tedi-red-300: rgb(239 178 178);
  --tedi-red-400: rgb(231 139 139);
  --tedi-red-500: rgb(223 101 101);
  --tedi-red-600: rgb(215 62 62);
  --tedi-red-700: rgb(172 50 50);
  --tedi-red-800: rgb(129 37 37);

  /* Kollane */
  --tedi-yellow-100: rgb(255 248 231);
  --tedi-yellow-200: rgb(255 240 207);
  --tedi-yellow-300: rgb(255 225 160);
  --tedi-yellow-400: rgb(255 211 112);
  --tedi-yellow-500: rgb(255 181 17);
  --tedi-yellow-600: rgb(186 131 13);
  --tedi-yellow-700: rgb(148 105 13);
  --tedi-yellow-800: rgb(102 72 7);

  /* Oranž — accent allikas */
  --tedi-orange-100: rgb(255 242 230);
  --tedi-orange-200: rgb(255 230 204);
  --tedi-orange-300: rgb(255 204 153);
  --tedi-orange-400: rgb(255 179 102);
  --tedi-orange-500: rgb(255 153 51);
  --tedi-orange-600: rgb(231 116 0);
  --tedi-orange-700: rgb(153 77 0);
  --tedi-orange-800: rgb(102 51 0);

  /* Brändivärvide viited */
  --tedi-accent-100: var(--tedi-orange-100);
  --tedi-accent-200: var(--tedi-orange-200);
  --tedi-accent-300: var(--tedi-orange-300);
  --tedi-accent-400: var(--tedi-orange-400);
  --tedi-accent-500: var(--tedi-orange-500);
  --tedi-accent-600: var(--tedi-orange-600);
  --tedi-accent-700: var(--tedi-orange-700);
  --tedi-accent-800: var(--tedi-orange-800);
  --tedi-primary-100: var(--tedi-blue-100);
  --tedi-primary-200: var(--tedi-blue-200);
  --tedi-primary-300: var(--tedi-blue-300);
  --tedi-primary-400: var(--tedi-blue-400);
  --tedi-primary-500: var(--tedi-blue-500);
  --tedi-primary-600: var(--tedi-blue-600);
  --tedi-primary-700: var(--tedi-blue-700);
  --tedi-primary-800: var(--tedi-blue-800);

  /* Mõõdud */
  --tedi-dimensions-00: 0;
  --tedi-dimensions-01: .0625rem;
  --tedi-dimensions-02: .125rem;
  --tedi-dimensions-03: .25rem;
  --tedi-dimensions-04: .375rem;
  --tedi-dimensions-05: .5rem;
  --tedi-dimensions-06: .625rem;
  --tedi-dimensions-07: .75rem;
  --tedi-dimensions-08: .8125rem;
  --tedi-dimensions-09: .875rem;
  --tedi-dimensions-10: 1rem;
  --tedi-dimensions-11: 1.125rem;
  --tedi-dimensions-12: 1.375rem;
  --tedi-dimensions-13: 1.5rem;
  --tedi-dimensions-14: 2rem;
  --tedi-dimensions-15: 2.25rem;
  --tedi-dimensions-16: 2.5rem;
  --tedi-dimensions-17: 2.75rem;
  --tedi-dimensions-18: 3rem;
  --tedi-dimensions-19: 3.5rem;
  --tedi-dimensions-20: 3.75rem;
  --tedi-dimensions-21: 4rem;
  --tedi-dimensions-22: 4.5rem;
  --tedi-dimensions-23: 5rem;
  --tedi-dimensions-24: 6rem;
  --tedi-dimensions-25: 10rem;
  --tedi-dimensions-26: 24rem;

  /* Raadiused */
  --tedi-radius-00: 0;
  --tedi-radius-01: .125rem;
  --tedi-radius-03: .5rem;
  --tedi-radius-04: 1rem;
  --tedi-radius-05: 1.25rem;
  --tedi-radius-06: 2.5rem;
  --tedi-radius-07: 6.25rem;
  --tedi-radius-08: 22.5rem;
  --tedi-radius-02-default: .25rem;

  /* Ääriste paksused */
  --tedi-borders-01: .0625rem;
  --tedi-borders-02: .125rem;
  --tedi-borders-03: .1875rem;
  --tedi-borders-04: .25rem;

  /* Konteinerite laiused */
  --tedi-containers-01: 160px;
  --tedi-containers-02: 240px;
  --tedi-containers-03: 312px;
  --tedi-containers-04: 340px;
  --tedi-containers-05: 460px;
  --tedi-containers-06: 480px;
  --tedi-containers-07: 552px;
  --tedi-containers-08: 616px;
  --tedi-containers-09: 820px;
  --tedi-containers-10: 840px;
  --tedi-containers-11: 1024px;
  --tedi-containers-12: 1416px;
  --tedi-containers-13: 1232px;

  /* Kirja suurused */
  --tedi-size-00: .75rem;
  --tedi-size-01: .875rem;
  --tedi-size-02: 1rem;
  --tedi-size-03: 1.125rem;
  --tedi-size-04: 1.25rem;
  --tedi-size-05: 1.375rem;
  --tedi-size-06: 1.5rem;
  --tedi-size-07: 1.75rem;
  --tedi-size-08: 1.875rem;
  --tedi-size-09: 2rem;

  /* Reakõrgused */
  --tedi-line-height-00: 1rem;
  --tedi-line-height-01: 1.25rem;
  --tedi-line-height-02: 1.3125rem;
  --tedi-line-height-03: 1.5rem;
  --tedi-line-height-04: 1.625rem;
  --tedi-line-height-05: 1.75rem;
  --tedi-line-height-06: 1.875rem;
  --tedi-line-height-07: 2rem;
  --tedi-line-height-08: 2.25rem;
  --tedi-line-height-09: 2.625rem;
  --tedi-line-height-10: 2.875rem;
  --tedi-line-height-11: 3rem;

  /* Kirja paksused */
  --tedi-weight-01: 300;
  --tedi-weight-02: 400;
  --tedi-weight-03: 500;
  --tedi-weight-04: 700;

  /* Kirjapere */
  --tedi-family-roboto: Roboto;

  /* Pinnad */
  --general-surface-hover: var(--general-surface-brand-quaternary);
  --general-surface-accent: var(--tedi-accent-200);
  --general-surface-primary: var(--tedi-neutral-100);
  --general-surface-tertiary: var(--tedi-neutral-300);
  --general-surface-secondary: var(--tedi-neutral-200);
  --general-surface-brand-primary: var(--tedi-primary-600);
  --general-surface-brand-tertiary: var(--tedi-primary-200);
  --general-surface-brand-secondary: var(--tedi-primary-700);
  --general-surface-brand-quaternary: var(--tedi-primary-100);

  /* Tekst */
  --general-text-dark: var(--tedi-neutral-850);
  --general-text-brand: var(--tedi-primary-600);
  --general-text-white: var(--tedi-neutral-100);
  --general-text-primary: var(--tedi-neutral-850);
  --general-text-disabled: var(--tedi-neutral-450);
  --general-text-tertiary: var(--tedi-neutral-600);
  --general-text-secondary: var(--tedi-neutral-700);

  /* Äärised */
  --general-border-brand: var(--tedi-primary-600);
  --general-border-white: var(--tedi-neutral-100);
  --general-border-accent: var(--tedi-accent-600);
  --general-border-primary: var(--tedi-neutral-350);
  --general-border-secondary: var(--tedi-neutral-450);
  --general-border-width-default: var(--tedi-borders-01);
  --general-border-width-selected: var(--tedi-borders-02);

  /* Ikoonid */
  --general-icon-brand: var(--tedi-primary-600);
  --general-icon-accent: var(--tedi-orange-700);
  --general-icon-primary: var(--tedi-neutral-850);
  --general-icon-secondary: var(--tedi-neutral-700);
  --general-icon-brand-dark: var(--tedi-primary-700);

  /* Staatused */
  --general-status-info-text: var(--tedi-blue-700);
  --general-status-danger-text: var(--tedi-red-700);
  --general-status-info-border: var(--tedi-blue-500);
  --general-status-success-text: var(--tedi-green-700);
  --general-status-warning-text: var(--tedi-yellow-800);
  --general-status-danger-border: var(--tedi-red-500);
  --general-status-success-border: var(--tedi-green-500);
  --general-status-warning-border: var(--tedi-yellow-600);
  --general-status-info-background-light: var(--tedi-blue-200);
  --general-status-warning-background-light: var(--tedi-yellow-200);
  --general-status-danger-background-primary: var(--tedi-red-100);
  --general-status-success-background-primary: var(--tedi-green-100);
  --general-status-warning-background-primary: var(--tedi-yellow-100);

  /* Lingid */
  --link-primary-hover: var(--tedi-primary-700);
  --link-primary-active: var(--tedi-primary-800);
  --link-primary-default: var(--tedi-primary-600);

  /* Kaardid */
  --card-border-primary: var(--general-border-primary);
  --card-border-selected: var(--general-border-brand);
}