/*
Theme Name:   AddNews Diseñadora
Theme URI:    https://addnews.com.ar
Description:  Child theme de AddNews — brand guide diseñadora. Tipografía Mark, negro #1d1d1b, amarillo #f6e823.
Author:       AddNews
Version:      1.0.0
Template:     hello-elementor
Text Domain:  addnews-disenadora
*/

/* ============================================================
   FUENTES LOCALES — Mark family
   ============================================================ */
@font-face {
    font-family: 'Mark';
    src: url('fonts/Mark-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Mark';
    src: url('fonts/Mark-Bold-Italic.ttf') format('truetype');
    font-weight: 700;
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: 'Mark';
    src: url('fonts/Mark-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Mark';
    src: url('fonts/Mark-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Mark';
    src: url('fonts/Mark-Regular-Italic.ttf') format('truetype');
    font-weight: 400;
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: 'Mark';
    src: url('fonts/Mark-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Mark';
    src: url('fonts/Mark-Heavy.ttf') format('truetype');
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Mark Narrow';
    src: url('fonts/MarkScForMCNarrowW00-HairlineIt.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&display=swap');

/* ============================================================
   VARIABLES CSS — brand guide diseñadora
   ============================================================ */
:root {
    /* Base */
    --negro:      #1d1d1b;
    --blanco:     #FFFFFF;
    --amarillo:   #f6e823;
    --amarillo-hover: #e0d31f;
    --amarillo-dim:   rgba(246, 232, 35, 0.10);

    /* Superficies */
    --surface-1:  #242422;
    --surface-2:  #2e2e2c;
    --surface-3:  #383836;

    /* Bordes */
    --borde:      #2e2e2c;
    --borde-med:  #444442;

    /* Texto */
    --texto-1:    #FFFFFF;
    --texto-2:    #b0b0ae;
    --texto-3:    #6e6e6c;

    /* Tipografía */
    --font-display: 'Mark', sans-serif;
    --font-body:    'Mark', sans-serif;
    --font-narrow:  'Mark Narrow', sans-serif;
    --font-mono:    'DM Mono', monospace;

    /* Escala tipográfica */
    --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:  2rem;
    --text-4xl:  2.75rem;
    --text-5xl:  4rem;
    --text-6xl:  6rem;

    /* Espaciado */
    --space-1:  0.25rem;
    --space-2:  0.5rem;
    --space-3:  0.75rem;
    --space-4:  1rem;
    --space-5:  1.25rem;
    --space-6:  1.5rem;
    --space-8:  2rem;
    --space-10: 2.5rem;
    --space-12: 3rem;
    --space-16: 4rem;
    --space-20: 5rem;
    --space-24: 6rem;

    --max-width: 1280px;
    --padding-x: var(--space-6);

    --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
    --ease-in:  cubic-bezier(0.7, 0, 0.84, 0);
    --ease:     cubic-bezier(0.37, 0, 0.63, 1);
}

@media (min-width: 768px)  { :root { --padding-x: var(--space-8); } }
@media (min-width: 1280px) { :root { --padding-x: var(--space-16); } }