/* ===========================================
   ONYX DESIGN SYSTEM
   Version 1.0
   Skyonyx Solutions
=========================================== */


html,
body{
    margin:0;
    padding:0;
}

/* COLORS */


:root {

    /* Brand */

    --color-primary: #C8A96A;
    --color-primary-dark: #B38F4C;

    /* Backgrounds */

    --color-background: #FAF8F4;
    --color-surface: #FFFFFF;

    /* Text */

    --color-text: #1F2937;
    --color-text-light: #6B7280;

    /* Borders */

    --color-border: #E5E7EB;

    /* Accent */

    --color-accent: #8C9A7A;

    /* Feedback */

    --color-success: #3A7D44;
    --color-warning: #D97706;
    --color-error: #B91C1C;

    /* Typography */

    --font-heading: "Cormorant Garamond", serif;
    --font-body: "Manrope", sans-serif;

    /* Border Radius */

    --radius-small: 8px;
    --radius-medium: 16px;
    --radius-large: 32px;

    /* Shadows */

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

    /* Spacing */

    --space-1: .5rem;
    --space-2: 1rem;
    --space-3: 1.5rem;
    --space-4: 2rem;
    --space-5: 3rem;
    --space-6: 4rem;

    /* Transition */

    --transition: .3s ease;
    
    /* Layout Spacing */

--section-padding-small: 90px;
--section-padding-medium: 120px;
--section-padding-large: 150px;
--heading-gap: 60px;
--card-gap: 28px;
}

section{
    scroll-margin-top:110px;
}