/*
Theme Name:   ASCO Base
Theme URI:    https://asco.co.id
Description:  ASCO Base Child Theme for Hello Elementor
Author:       Convertio Spark
Author URI:   https://spark.convertio.id
Template:     hello-elementor
Version:      1.0.0
Text Domain:  asco-base
*/

/* =====================
   CSS CUSTOM PROPERTIES
   ===================== */

:root {
    /* Primary Colors */
    --color-primary:        #000000;
    --color-secondary:      #CAB986;
    --color-accent:         #A97C51;

    /* Neutral Colors */
    --color-dark:           #1A1A1A;
    --color-light:          #FFFFFF;
    --color-gray:           #7A7A7A;
    --color-gray-light:     #E5E5EA;
    --color-border:         #E5E7EB;

    /* Typography */
    --font-heading:         'Cal Sans', sans-serif;
    --font-body:            'Jost', sans-serif;

    /* Font Sizes */
    --text-xs:              0.75rem;
    --text-sm:              0.875rem;
    --text-base:            1rem;
    --text-lg:              1.125rem;
    --text-xl:              1.25rem;
    --text-2xl:             1.5rem;
    --text-3xl:             1.875rem;
    --text-4xl:             2.25rem;

    /* Spacing */
    --spacing-xs:           0.5rem;
    --spacing-sm:           1rem;
    --spacing-md:           1.5rem;
    --spacing-lg:           2rem;
    --spacing-xl:           3rem;
    --spacing-2xl:          5rem;

    /* Border Radius */
    --radius-sm:            4px;
    --radius-md:            8px;
    --radius-lg:            16px;
    --radius-full:          9999px;

    /* Shadows */
    --shadow-sm:            0 1px 3px rgba(0,0,0,0.1);
    --shadow-md:            0 4px 12px rgba(0,0,0,0.1);
    --shadow-lg:            0 8px 24px rgba(0,0,0,0.15);

    /* Transitions */
    --transition-base:      all 0.3s ease;
}