/*
 * Fuentes del design system (Clash Grotesk + Rethink Sans).
 *
 * Definicion unica consumida por dos documentos distintos:
 * - la app (resources/css/app.css la importa), y
 * - el iframe del editor de campañas (public/tailwind-renderer.html):
 *   al ser otro documento no hereda los @font-face de la app.
 * Las rutas son absolutas para que funcionen desde ambos.
 */

@font-face {
    font-family: 'Clash Grotesk';
    src: url('/fonts/ClashGrotesk/ClashGrotesk-Extralight.woff2') format('woff2');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Clash Grotesk';
    src: url('/fonts/ClashGrotesk/ClashGrotesk-Light.woff2') format('woff2');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Clash Grotesk';
    src: url('/fonts/ClashGrotesk/ClashGrotesk-Regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Clash Grotesk';
    src: url('/fonts/ClashGrotesk/ClashGrotesk-Medium.woff2') format('woff2');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Clash Grotesk';
    src: url('/fonts/ClashGrotesk/ClashGrotesk-Semibold.woff2') format('woff2');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Clash Grotesk';
    src: url('/fonts/ClashGrotesk/ClashGrotesk-Bold.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Rethink Sans';
    src: url('/fonts/RethinkSans/rethink-sans-latin-400-normal.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Rethink Sans';
    src: url('/fonts/RethinkSans/rethink-sans-latin-400-italic.woff2') format('woff2');
    font-weight: 400;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Rethink Sans';
    src: url('/fonts/RethinkSans/rethink-sans-latin-500-normal.woff2') format('woff2');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Rethink Sans';
    src: url('/fonts/RethinkSans/rethink-sans-latin-500-italic.woff2') format('woff2');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Rethink Sans';
    src: url('/fonts/RethinkSans/rethink-sans-latin-600-normal.woff2') format('woff2');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Rethink Sans';
    src: url('/fonts/RethinkSans/rethink-sans-latin-600-italic.woff2') format('woff2');
    font-weight: 600;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Rethink Sans';
    src: url('/fonts/RethinkSans/rethink-sans-latin-700-normal.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Rethink Sans';
    src: url('/fonts/RethinkSans/rethink-sans-latin-700-italic.woff2') format('woff2');
    font-weight: 700;
    font-style: italic;
    font-display: swap;
}