/*
==========================================
Pink Cup by KLYN — Launch Site

Design Principles

• Fresh before flashy.
• White is the primary color.
• Pink is an accent.
• Let the drinks be the artwork.
• Animation should enhance, never distract.
• Every page should feel calm, clean, and intentional.
==========================================
*/


/* ======================================
   Pink Cup by KLYN
   Launch Site Design System
====================================== */

/* COLORS */
:root {

    /* Brand */
    --accent: #E84C8B;

    /* Backgrounds */

    --white: #FFFFFF;
    --off-white: #FAF9F6;

    /* Text */

    --text-dark: #2F2F2F;
    --text-light: #6B6B6B;

    /* Natural */

    --wood-light: #D7B899;
    --wood-dark: #B88C62;

    /* Borders */

    --border: #ECECEC;

    /* Shadows */

    --shadow-soft:
        0 10px 30px rgba(0,0,0,.08);

    --shadow-card:
        0 18px 50px rgba(0,0,0,.10);

    /* Radius */

    --radius-sm:8px;
    --radius-md:16px;
    --radius-lg:28px;

    /* Layout */

    --content-width:1200px;

    /* Buttons */
    
    --button-bg: #333333;
    --button-hover: #222222;
    --button-text: #FFFFFF;

    /* Font Sizes */

    --font-size-display: clamp(3.0rem, 6vw, 5.0rem);
    --font-size-h1: clamp(2rem, 3vw, 3rem);
    --font-size-h2: 1.5rem;
    --font-size-body: 1.15rem;
    --font-size-caption: 0.875rem;

    /* Font Weights */
    --font-weight-light: 300;
    --font-weight-regular: 400;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;

    /* Spacing */
    --space-tight: 4px;
    --space-narrow: 12px;
    --space-regular: 16px;
    --space-roomy: 24px;
    --space-wide: 32px;
    --space-extra-wide: 40px;
    --space-generous: 48px;

   /* Letter Spacing */
    --letter-spacing-tight: -0.03em;
    --letter-spacing-normal: 0;
    --letter-spacing-narrow: 0.03em;
    --letter-spacing-roomy: 0.08em;
    --letter-spacing-wide: 0.12em;

}