/* =========================================
   A DAY MADE JUST FOR YOU
   DESIGN SYSTEM - CSS VARIABLES
========================================= */


/* 1. COLOR PALETTE
   Warna utama yang digunakan di seluruh website
*/

:root {

    /* Background */
    --color-background: #F5EFEB;
    --color-surface: #FFFFFF;
    --color-surface-soft: #F3E9E6;

    /* Pink dan rose */
    --color-dusty-rose: #E8D6D2;
    --color-muted-rose: #A77C83;

    /* Teks */
    --color-text: #765B58;
    --color-text-soft: #98716F;
    --color-text-muted: #A88980;

    /* Garis dan dekorasi */
    --color-border: #DDCDC7;
    --color-accent: #987A75;


    /* 2. TYPOGRAPHY
       Jenis font untuk judul dan isi tulisan
    */

    --font-heading: 'Playfair Display', Georgia, serif;
    --font-body: 'DM Sans', Arial, sans-serif;


    /* 3. FONT SIZE
       Ukuran tulisan dasar
    */

    --text-xs: 0.75rem;
    --text-sm: 0.875rem;
    --text-base: 1rem;
    --text-lg: 1.25rem;
    --text-xl: 1.5rem;
    --text-2xl: 2rem;
    --text-3xl: 2.75rem;


    /* 4. SPACING
       Jarak antar elemen
    */

    --space-xs: 0.5rem;
    --space-sm: 0.75rem;
    --space-md: 1rem;
    --space-lg: 1.5rem;
    --space-xl: 2rem;
    --space-2xl: 3rem;


    /* 5. BORDER RADIUS
       Tingkat kelengkungan sudut
    */

    --radius-sm: 6px;
    --radius-md: 12px;
    --radius-lg: 18px;
    --radius-xl: 24px;
    --radius-full: 999px;


    /* 6. SHADOW
       Bayangan lembut untuk kartu
    */

    --shadow-soft:
        0 8px 24px rgba(118, 91, 88, 0.08);


    /* 7. TRANSITION
       Kecepatan perubahan animasi
    */

    --transition-fast: 0.2s ease;
    --transition-normal: 0.4s ease;
    --transition-slow: 0.7s ease;

}