/*
 * Remondikoda design tokens.
 * Source of truth: this file. Values are identical to the approved design
 * (projects/remondikoda.ee/design/v2/tokens.css) plus the motion, sheet and
 * overlay values read off Süsteem.dc.html.
 * public/css/rk-tokens.css is a copy written by `npm run build`
 * (vite.config.js, rkSyncPublicCss). Edit here, never there; keep both in sync.
 */
:root{
  /* graphite */
  --rk-ink:#15181D; --rk-ink-2:#232830; --rk-ink-3:#3A404A;
  /* steel */
  --rk-steel-0:#FFFFFF; --rk-steel-50:#F4F3F1; --rk-steel-100:#EAE8E4; --rk-steel-200:#D8D5CF;
  --rk-steel-400:#A19D96; --rk-steel-600:#5F5C57; --rk-steel-on-dark:#B9B6B0;
  /* signal: orange only for the one primary action per view and "Vaba täna" */
  --rk-accent:#FF6A1A; --rk-accent-hover:#FF7F3A; --rk-accent-active:#E85A0C; --rk-on-accent:#15181D; --rk-accent-soft:#FFE7D9; --rk-accent-ink:#8A3300;
  /* state */
  --rk-ok:#1E8A4F; --rk-ok-bg:#E3F1E8; --rk-error:#B4321F; --rk-error-bg:#F8E4E0;
  --rk-plate-blue:#1F4FA8;
  --rk-mark-tile:#2A2F37;

  /* type */
  --rk-font-ui:'Inter',system-ui,sans-serif; --rk-font-display:'Outfit','Inter',sans-serif;
  --rk-font-mono:ui-monospace,Menlo,monospace;
  --rk-fs-display-xl:64px; --rk-lh-display-xl:1.02; --rk-ls-display-xl:-1.5px; /* Outfit 600 */
  --rk-fs-display-l:44px;  --rk-lh-display-l:1.08;  --rk-ls-display-l:-0.8px;  /* Outfit 600 */
  --rk-fs-display-m:28px;  --rk-lh-display-m:1.1;   --rk-ls-display-m:-0.4px;  /* Outfit 600 */
  --rk-fs-display-s:22px;  --rk-lh-display-s:1.15;  --rk-ls-display-s:0;       /* Outfit 600 */
  --rk-fs-text-l:19px; --rk-lh-text-l:1.5;  /* Inter 400 */
  --rk-fs-text-m:16px; --rk-lh-text-m:1.5;  /* Inter 400/600 */
  --rk-fs-text-s:14px; --rk-lh-text-s:1.45; /* Inter 400/600 */
  --rk-fs-text-xs:12px; --rk-lh-text-xs:1.4; --rk-ls-text-xs:0.4px; /* Inter 600/700 */
  --rk-fw-regular:400; --rk-fw-medium:500; --rk-fw-semibold:600; --rk-fw-bold:700;

  /* radius */
  --rk-r-sm:6px; --rk-r-md:10px; --rk-r-lg:14px; --rk-r-pill:999px;
  --rk-r-seg:4px; --rk-r-sheet:20px;

  /* shadow + focus */
  --rk-shadow-card:0 1px 0 rgba(21,24,29,.04),0 12px 32px -12px rgba(21,24,29,.35);
  --rk-shadow-sheet:0 -12px 40px -8px rgba(21,24,29,.35);
  --rk-shadow-toast:0 8px 24px -6px rgba(21,24,29,.45);
  --rk-focus-ring:0 0 0 2px var(--rk-steel-0),0 0 0 4px var(--rk-ink);
  --rk-overlay:rgba(21,24,29,.45);

  /* spacing (Süsteem: 4 8 12 16 20 24 32 40 56 72 96) */
  --rk-space-1:4px; --rk-space-2:8px; --rk-space-3:12px; --rk-space-4:16px; --rk-space-5:20px; --rk-space-6:24px;
  --rk-space-7:32px; --rk-space-8:40px; --rk-space-9:56px; --rk-space-10:72px; --rk-space-11:96px;
  --rk-tap-min:44px;
  --rk-btn-h:48px; --rk-btn-h-mobile:54px; --rk-btn-h-lg:56px;
  --rk-container:1200px;

  /* motion */
  --rk-dur-fast:.15s; --rk-dur-base:.2s; --rk-dur-enter:.25s; --rk-dur-sheet:.3s;
  --rk-ease-out:cubic-bezier(.2,.7,.2,1); --rk-ease-in-out:cubic-bezier(.4,0,.2,1);
  --rk-dur-spin:.8s; --rk-dur-shimmer:1.3s; --rk-dur-pulse:1.6s;

  --rk-z-sticky:20; --rk-z-overlay:50; --rk-z-toast:60;
}

@keyframes rkspin{to{transform:rotate(360deg)}}
@keyframes rkshimmer{0%{background-position:-200px 0}100%{background-position:calc(200px + 100%) 0}}
@keyframes rkpulse{0%{box-shadow:0 0 0 0 rgba(255,106,26,.55)}70%{box-shadow:0 0 0 8px rgba(255,106,26,0)}100%{box-shadow:0 0 0 0 rgba(255,106,26,0)}}
@keyframes rkin{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
@keyframes rksheet{from{transform:translateY(100%)}to{transform:none}}
@keyframes rkfade{from{opacity:0}to{opacity:1}}