/*
Theme Name: Flowcite Child
Theme URI: https://flowcite.com
Description: Child theme for Flowcite, built on Hello Elementor. Publishes the Flowcite design tokens, enqueues Plus Jakarta Sans, and registers Elementor template locations.
Author: Flowcite
Author URI: https://flowcite.com
Template: hello-elementor
Version: 1.0.0
Text Domain: flowcite-child
*/

/* ============================================================
   FLOWCITE DESIGN TOKENS
   These mirror the static site's assets/css/styles.css so that
   any non-Elementor markup (e.g. custom page templates, plugin
   output) inherits the same design.
   ============================================================ */

:root {
    --fc-primary:        #009689;
    --fc-primary-hover:  #007a6f;
    --fc-secondary:      #0780d0;
    --fc-accent:         #0194ab;

    --fc-bg-light:       #ecfefe;
    --fc-bg-muted:       #f8fafc;
    --fc-text:           #1a1f2e;
    --fc-text-muted:     #6b7280;
    --fc-border:         #e5e7eb;

    --fc-footer-bg:      #1a1f2e;
    --fc-footer-text:    #d1d5db;

    --fc-radius-sm:      6px;
    --fc-radius-md:      8px;
    --fc-radius-lg:      12px;

    --fc-container:      1200px;

    --fc-font-sans:      "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    --fc-fw-regular:     400;
    --fc-fw-medium:      500;
    --fc-fw-semibold:    600;
    --fc-fw-bold:        700;
}

/* ============================================================
   GLOBAL TYPOGRAPHY
   ============================================================ */

body {
    font-family: var(--fc-font-sans);
    font-weight: var(--fc-fw-regular);
    color: var(--fc-text);
    line-height: 1.6;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

h1, h2, h3, h4, h5, h6 {
    font-family: var(--fc-font-sans);
    font-weight: var(--fc-fw-bold);
    color: var(--fc-text);
    line-height: 1.2;
}

a {
    color: var(--fc-primary);
    text-decoration: none;
    transition: color 200ms ease;
}

a:hover {
    color: var(--fc-primary-hover);
}

/* ============================================================
   BUTTON OVERRIDES
   Elementor's button widget reads these via Site Settings,
   but we publish the same colors as fallback in case a button
   is rendered outside of Elementor.
   ============================================================ */

.elementor-button,
.fc-button {
    background-color: var(--fc-primary);
    color: #ffffff;
    font-weight: var(--fc-fw-semibold);
    border-radius: var(--fc-radius-md);
    padding: 12px 24px;
    transition: background-color 200ms ease, transform 200ms ease;
}

.elementor-button:hover,
.fc-button:hover {
    background-color: var(--fc-primary-hover);
    transform: translateY(-1px);
}

/* ============================================================
   FOOTER
   ============================================================ */

.fc-footer,
footer.elementor-location-footer {
    background-color: var(--fc-footer-bg);
    color: var(--fc-footer-text);
}

.fc-footer a,
footer.elementor-location-footer a {
    color: var(--fc-footer-text);
}

.fc-footer a:hover,
footer.elementor-location-footer a:hover {
    color: #ffffff;
}

/* ============================================================
   ACCESSIBILITY: focus rings
   ============================================================ */

a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible {
    outline: 2px solid var(--fc-primary);
    outline-offset: 2px;
}

/* ============================================================
   PRINT
   ============================================================ */

@media print {
    .elementor-location-header,
    .elementor-location-footer,
    .fc-no-print {
        display: none !important;
    }
    body {
        color: #000;
        background: #fff;
    }
}