/*
 * CSS Custom Properties — Aladyn theme tokens
 * Loaded before style.css via wp_enqueue_style dependency.
 */
:root {
    /* — Color palette — */
    --clr-primary: #ca354b;
    --clr-accent: #fbca4e;

    --clr-white: #fff;
    --clr-black: #000;
    --clr-text-muted: #7d7d7d;
    --clr-text-form: #666;
    --clr-text-dark: #545454;
    --clr-text-input: #979797;

    --clr-border-input: #b0b0b0;
    --clr-border-table: #da80b0;
    --clr-border-form: #e1e1e1;
    --clr-border-sticky: #ddd;
    --clr-border-news: #c18887;

    --clr-bg-search: #dbbdca;
    --clr-bg-newsletter: #ebebeb;
    --clr-bg-results: #f8f2f4;
    --clr-bg-validation: #6f2557;

    --clr-nav-sub: #daa5c4;
    --clr-nav-sub-hover: #f1dce9;
    --clr-caption: #a5a5a5;

    /* — Typography — */
    --font-body: 'Open Sans', Arial, Helvetica, sans-serif;
    --font-display: 'Lobster', Georgia, "Times New Roman", Times, serif;

    --fs-base: 15px;
    --fs-small: 13px;

    --fs-h1: 42px;
    --fs-h2: 36px;
    --fs-h3: 30px;
    --fs-h4: 26px;
    --fs-h5: 24px;

    /* — Layout — */
    --container-max: 978px;
    --col-left-w: 222px;
    --col-right-w: 726px;
    --col-half-w: 474px;

    /* — Spacing — */
    --radius-sm: 8px;
    --radius-md: 16px;

    /* — Transitions — */
    --transition: all 0.3s;

    /*
     * Breakpoints — use these values in media queries below:
     *   tablet : 978px
     *   mobile : 640px
     */
}