/* Regular */
@font-face {
    font-family: "Athletics";
    src: url("/assets/athletics_regular-9dcd1046.otf") format("opentype");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Athletics";
    src: url("/assets/athletics_regular_italic-6cca2823.otf") format("opentype");
    font-weight: 400;
    font-style: italic;
    font-display: swap;
}

/* Light */
@font-face {
    font-family: "Athletics";
    src: url("/assets/athletics_light-d6b46a86.otf") format("opentype");
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Athletics";
    src: url("/assets/athletics_light_italic-cff7dbcc.otf") format("opentype");
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

/* Medium */
@font-face {
    font-family: "Athletics";
    src: url("/assets/athletics_medium-3400bec2.otf") format("opentype");
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Athletics";
    src: url("/assets/athletics_medium_italic-f334f3ac.otf") format("opentype");
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

/* Bold */
@font-face {
    font-family: "Athletics";
    src: url("/assets/athletics_bold-594da7c6.otf") format("opentype");
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Athletics";
    src: url("/assets/athletics_bold_italic-ded5113d.otf") format("opentype");
    font-weight: 700;
    font-style: italic;
    font-display: swap;
}

/* Extra Bold */
@font-face {
    font-family: "Athletics";
    src: url("/assets/athletics_extra_bold-d77b29aa.otf") format("opentype");
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Athletics";
    src: url("/assets/athletics_extra_bold_italic-e348621a.otf") format("opentype");
    font-weight: 800;
    font-style: italic;
    font-display: swap;
}

/* Black */
@font-face {
    font-family: "Athletics";
    src: url("/assets/athletics_black-c659a0c7.otf") format("opentype");
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Athletics";
    src: url("/assets/athletics_black_italic-9d4dba8e.otf") format("opentype");
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

svg.fill-path path {
    fill: currentColor;
}

@source "app/views/**/*.{html,erb}";
@source "app/helpers/**/*.rb";
@source "app/javascript/**/*.js";

@import "tailwindcss";
@import "../../../node_modules/easymde/dist/easymde.min.css";

@custom-variant dark (&:where(.dark, .dark *));

@theme {
    /* font family */
    --font-athletics: Athletics, sans-serif;

    /* colors */
    --color-fizzer-black: #142031;
    --color-fizzer-black-hover: #233A57;
    --color-fizzer-black-press: #254467;
    --color-fizzer-grey-beige: #F3F4F7;
    --color-fizzer-light-grey: #E9ECEF;
    --color-fizzer-grey: #888A8F;
    --color-fizzer-green: #B0DDC3;
    --color-fizzer-green-hover: #A9DFC0;
    --color-fizzer-green-press: #A4E0BD;
    --color-fizzer-yellow: #FFFD6A;
    --color-fizzer-yellow-hover: #FFFD5A;
    --color-fizzer-yellow-press: #F8F554;
    --color-fizzer-light-blue: #DDE5FF;
    --color-fizzer-light-blue-hover: #D4DDFB;
    --color-fizzer-light-blue-press: #C8D3F6;
    --color-fizzer-dark-blue: #182039;
    --color-fizzer-dark-blue-hover: #212A46;
    --color-fizzer-blue: #8DA5F1;
    --color-fizzer-blue-hover: #6C81E8;
    --color-fizzer-blue-press: #505DDB;
    --color-fizzer-pink: #FBAAFB;
    --color-fizzer-pink: #FBAAFB;
    --color-fizzer-beige: #ECE5DE;
    --color-fizzer-red: #EF3A45;
    --color-fizzer-red-hover: #DD2530;
    --color-fizzer-red-press: #BA1B25;
}

/* ---- EasyMDE styles ---- */
.dark .EasyMDEContainer .editor-toolbar { border-color: #3b4053; }
.dark .EasyMDEContainer .CodeMirror, .dark .EasyMDEContainer .editor-preview { background-color: #252a40; border-color: #3b4053; color: white; }
.dark .EasyMDEContainer .editor-toolbar button { color: white; }
.dark .EasyMDEContainer .editor-toolbar button.active, .dark .EasyMDEContainer .editor-toolbar button:hover { background: #212A46; border-color: #3b4053; }
.markdown :where(h1) { font-size: 1.875rem; line-height: 2.25rem; font-weight: 700; margin-top: 1rem; margin-bottom: 0.5rem; }
.markdown :where(h2) { font-size: 1.5rem; line-height: 2rem; font-weight: 700; margin-top: 1rem; margin-bottom: 0.5rem; }
.markdown :where(h3) { font-size: 1.25rem; line-height: 1.75rem; font-weight: 600; margin-top: 1rem; margin-bottom: 0.5rem; }
.markdown :where(p) { margin-top: 0.75rem; margin-bottom: 0.75rem; }
.markdown :where(ul) { list-style: disc; padding-left: 1.25rem; margin-top: 0.75rem; margin-bottom: 0.75rem; }
.markdown :where(ol) { list-style: decimal; padding-left: 1.25rem; margin-top: 0.75rem; margin-bottom: 0.75rem; }
.markdown :where(li) { margin-top: 0.25rem; margin-bottom: 0.25rem; }
.markdown :where(a) { text-decoration: underline; }
.markdown :where(blockquote) { padding-left: 1rem; border-left: 4px solid rgba(156, 163, 175, 0.7); font-style: italic; margin-top: 0.75rem; margin-bottom: 0.75rem; }
.markdown :where(pre) { padding: 0.75rem; border-radius: 0.5rem; background: rgba(17, 24, 39, 0.08); overflow-x: auto; }
.dark .markdown :where(pre) { background: rgba(255, 255, 255, 0.08); }
.markdown :where(code) { font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; font-size: 0.875em; }
.markdown :where(table) { width: 100%; border-collapse: collapse; margin-top: 0.75rem; margin-bottom: 0.75rem; }
.markdown :where(th, td) { border: 1px solid rgba(156, 163, 175, 0.5); padding: 0.5rem; vertical-align: top; }
.markdown :where(th) { font-weight: 600; }