/* ============================================================================
   BESTE KUMPELS - gemeinsame Marken-Tokens
   ----------------------------------------------------------------------------
   Die Palette des Checkout-Prototyps. Wird von cart.css (seitlicher Warenkorb)
   und checkout.css (Kasse) benutzt - deshalb steht sie hier und nicht in einer
   der beiden Dateien.

   Muss in der template.xml VOR cart.css und checkout.css gebuendelt werden.

   --bk-teal auf #148CA5 setzen, wenn diese Bausteine exakt den Ueberschriften-
   ton des restlichen Shops treffen sollen; --bk-coral entspricht bereits dem
   $primary des Themes (#e88a7d).
   ========================================================================== */
:root {
    --bk-coral: #e88a7d;
    --bk-coral-h: #d9695c;
    --bk-coral-s: #fbefed;
    --bk-teal: #1f8890;
    --bk-teal-h: #17696f;
    --bk-teal-s: #edf6f6;

    --bk-ink: #333;
    --bk-text: #4d4d4d;
    --bk-muted: #7c7c7c;
    --bk-faint: #aaa;

    --bk-field: #f4f4f4;
    --bk-line: #e2e2e2;
    --bk-line-s: #eee;

    --bk-star: #d0342c;
    --bk-ok: #3d7f5c;
    --bk-ok-s: #edf6f1;

    --bk-ease: cubic-bezier(.32, .72, 0, 1);
    --bk-spring: cubic-bezier(.34, 1.56, .64, 1);

    --bk-radius: 15px;
    --bk-box: 6px;
}