/* ============================================
   MEDICA CERTO — Design Tokens
   ============================================ */

:root {
    /* ── Colors ── */

    /* Primary — Teal (logo green version) */
    --color-primary-50: #E0F2F4;
    --color-primary-100: #B3E0E6;
    --color-primary-200: #80CCD6;
    --color-primary-300: #4DB8C6;
    --color-primary-400: #26A8BA;
    --color-primary-500: #007481;
    /* logo: "Certo" + icon top */
    --color-primary-600: #006874;
    --color-primary-700: #005A65;
    --color-primary-800: #103B40;
    /* logo: "Medica" + icon bottom */
    --color-primary-900: #0A2528;

    /* Secondary — Blue (logo blue version) */
    --color-secondary-50: #EBF2F8;
    --color-secondary-100: #D4E3F0;
    --color-secondary-200: #B8D2E6;
    --color-secondary-300: #9AC1DE;
    /* logo: icon top (blue) */
    --color-secondary-400: #7AA8CA;
    --color-secondary-500: #5D90B5;
    --color-secondary-600: #4A708C;
    /* logo: icon bottom (blue) */
    --color-secondary-700: #3D5E76;
    --color-secondary-800: #304D61;
    --color-secondary-900: #233A4A;

    /* Neutral */
    --color-neutral-0: #FFFFFF;
    --color-neutral-50: #FAFAFA;
    --color-neutral-100: #F5F5F5;
    --color-neutral-200: #EEEEEE;
    --color-neutral-300: #E0E0E0;
    --color-neutral-400: #BDBDBD;
    --color-neutral-500: #9E9E9E;
    --color-neutral-600: #757575;
    --color-neutral-700: #616161;
    --color-neutral-800: #424242;
    --color-neutral-900: #212121;

    /* Feedback */
    --color-success: #2E7D32;
    --color-warning: #F9A825;
    --color-error: #D32F2F;
    --color-info: #1976D2;

    /* ── Semantic aliases ── */
    --color-bg: var(--color-neutral-0);
    --color-bg-subtle: var(--color-neutral-50);
    --color-bg-muted: var(--color-neutral-100);
    --color-text: var(--color-neutral-900);
    --color-text-secondary: var(--color-neutral-600);
    --color-text-muted: var(--color-neutral-500);
    --color-text-inverse: var(--color-neutral-0);
    --color-border: var(--color-neutral-300);
    --color-border-subtle: var(--color-neutral-200);

    /* ── Typography ── */
    --font-family-primary: 'Instrument Sans', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
    --font-family-heading: 'Urbanist', var(--font-family-primary);
    --font-family-accent: 'Lora', Georgia, serif;
}