/* mybird.cc — THEME (per-site): palette, fonts, page background. The shared
   app.css/auth.css consume these semantic vars; this file just supplies the
   bird palette — sky/teal brand, coral+amber accent, deep-navy ink on cream. */

:root {
    /* brand ramp — sky / teal */
    --brand-deep:    #16213e;
    --brand:         #0f3460;
    --brand-mid:     #53a8b6;
    --brand-light:   #79c7d4;
    --brand-lighter: #b8e4ec;
    --brand-wash:    #dff3f7;
    /* accent ramp — coral + amber */
    --accent-deep:   #a82c44;
    --accent-mid:    #f07489;
    --accent:        #e94560;
    --accent-bright: #f5a623;
    --accent-soft:   #fcdfa6;
    /* paper / ink — cream + deep navy */
    --paper:      #faf8f0;
    --paper-2:    #f0eee2;
    --card:       #fffefb;
    --ink:        #1a1a2e;
    --ink-soft:   #4a4a63;
    --ink-faint:  #8a8a9e;
    --line:       #e3e0d2;
    /* status */
    --ok:         #2e8b57;
    --warn:       #b4690e;
    --danger:     #e94560;

    --shadow-sm: 0 1px 2px rgba(26,33,62,.06), 0 3px 10px rgba(26,33,62,.05);
    --shadow-md: 0 2px 6px rgba(26,33,62,.10), 0 12px 30px rgba(26,33,62,.10);
    --shadow-lg: 0 8px 18px rgba(26,33,62,.14), 0 28px 60px rgba(26,33,62,.16);

    --r-lg: 1.4rem;
    --r-md: .9rem;
    --r-sm: .55rem;

    --display: 'Fraunces', 'DM Serif Display', Georgia, serif;
    --body:    'DM Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}

body {
    font-family: var(--body);
    color: var(--ink);
    line-height: 1.6;
    -webkit-font-smoothing: antialiased;
    min-height: 100vh;
    background-color: var(--paper);
    /* soft sky + coral atmosphere */
    background-image:
        radial-gradient(ellipse 70% 55% at 50% -10%, rgba(83,168,182,.26) 0%, transparent 60%),
        radial-gradient(ellipse 55% 45% at 100% 100%, rgba(233,69,96,.10) 0%, transparent 55%);
    background-attachment: fixed, fixed;
}