/* ACI Ark Cathedral CMS — shared design tokens.
   Every page of the new design builds on these values. */

:root {
    /* Surfaces */
    --bg-from:      #b9dcdb;
    --bg-via:       #c7dbe6;
    --bg-to:        #cfcdf0;
    --glass:        rgba(255, 255, 255, 0.58);
    --glass-strong: rgba(255, 255, 255, 0.82);
    --glass-border: rgba(255, 255, 255, 0.75);

    /* Brand teal */
    --teal-900: #0b4a50;
    --teal-700: #0b6e73;
    --teal-600: #0f8187;
    --teal-500: #14919b;
    --teal-400: #1fb5b0;
    --teal-100: #d9f1f0;

    /* Text */
    --ink:      #0f2a2c;
    --ink-2:    #3d5557;
    --ink-3:    #6b8082;

    /* Status */
    --danger:    #b42318;
    --danger-bg: #fdecea;
    --ok:        #0f7a4a;

    /* Shape & depth */
    --radius-sm: 12px;
    --radius:    18px;
    --radius-lg: 28px;
    --shadow:    0 24px 60px -20px rgba(15, 70, 76, 0.35), 0 4px 14px rgba(15, 70, 76, 0.08);

    --font: 'Poppins', system-ui, -apple-system, 'Segoe UI', sans-serif;
    --ease: cubic-bezier(.22, .8, .24, 1);
}

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

@media (prefers-reduced-motion: reduce) {
    *, *::before, *::after {
        animation-duration: .001ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: .001ms !important;
    }
}