/*!
 * Schematic Parts – sp-tokens.css
 * Path: assets/css/sp-tokens.css
 */

@layer sp {
  :root {
    /* külje-paddingud */
    --sp-pad-sm: 1rem;
    --sp-pad-md: 2rem;
    --sp-pad-lg: 2rem;
    --sp-pad-xl: 2rem;

    /* vahed ja mõõdud */
    --sp-gap-grid: 20px;
    --sp-meta-gap: 8px;
    --sp-thumb-pad: 10px;

    /* kontuur + varjud */
    --sp-border-color: #e6e8ec;
    --sp-border: 1px solid var(--sp-border-color);
    --sp-shadow-hover: 0 6px 20px rgba(0, 0, 0, 0.1);
    --sp-shadow-focus: 0 0 0 3px rgba(225, 6, 0, 0.14);

    /* fondid */
    --sp-fs-breadcrumbs: 14px;
    --sp-fs-block-no: 13px;
    --sp-fs-block-name: 14px;

    /* värvid */
    --sp-bg-card: #fff;
    --sp-muted-bg: #eeeff1;
    --sp-row-alt-bg: #fafbfc;
    --sp-text: #111;
    --sp-text-muted: #6b7280;

    /* nurgaraadius */
    --sp-radius: 10px;

    /* sticky offset */
    --sp-sticky-top: 0px;
    --sp-sticky-gap: 0px;

    /* brändivärv */
    --tm-red: #e10600;
    --tm-red-dark: #b00000;

    /* nupud */
    --sp-btn-bg: #111;
    --sp-btn-bg-hover: #000;
    --sp-btn-text: #fff;

    /* Lightbox lõuendi padi */
    --sp-lb-pad: 12px;

    /* ikoonid – väärtuse süstib PHP (wp_add_inline_style) */
    --sp-cart-icon-url: none;
  }

  body.admin-bar {
    --sp-sticky-top: 0px;
  }

  .has-sticky-theme-header {
    --sp-sticky-top: 60px;
  }
}