/*
Theme Name: Loom
Theme URI: http://loompost.tv
Author: Corentin De Saedeleer
Author URI: https://www.linkedin.com/in/corentin-d-62636358/
Description: A custom WordPress theme for Loom
Version: 1.0
*/

/* Declare CSS layers order for the theme */
@layer base, components, pages;

/* Base and variables */
@layer base {
    :root {
        --color-bg: #000000;
        --color-text: #ffffff;
        --color-accent: #F16056;
        --space-1: 4px;
        --space-2: 8px;
        --space-3: 16px;
        --space-4: 24px;
    }

    html {
        box-sizing: border-box;
    }

    *, *::before, *::after {
        box-sizing: inherit;
    }

    /* BODY STYLING */
    body {
        margin: 0;
        background-color: var(--color-bg);
        color: var(--color-text);
        font-family: 'Open Sans', system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
    }

    /* Simple container utility */
    .container {
        width: 100%;
        max-width: 1400px;
        margin-left: auto;
        margin-right: auto;
        padding-left: var(--space-3);
        padding-right: var(--space-3);
    }

    .btn{
        text-decoration: none;
    }
}