/* mykitten.cc — THEME (per-site): palette, fonts, page background. The shared
   app.css/auth.css consume these semantic vars; this file just supplies the
   cat palette — warm ginger brand, leafy-green accent, soft sand neutrals. */

:root {
    /* brand ramp — ginger */
    --brand-deep:    #8a4012;
    --brand:         #c2641d;
    --brand-mid:     #e0832b;
    --brand-light:   #efab63;
    --brand-lighter: #f6cb9a;
    --brand-wash:    #fbeedd;
    /* accent ramp — green + earth */
    --accent-deep:   #2e2118;
    --accent-mid:    #8d6e57;
    --accent:        #3a8e3a;
    --accent-bright: #4caf50;
    --accent-soft:   #ffcc80;
    /* paper / ink — warm sand-neutral */
    --paper:      #fdf8f2;
    --paper-2:    #f7eee2;
    --card:       #fffefb;
    --ink:        #2e2118;
    --ink-soft:   #6e5d4c;
    --ink-faint:  #a89684;
    --line:       #ece0d1;
    /* status */
    --ok:         #3a8e3a;
    --warn:       #b4690e;
    --danger:     #c2185b;

    --shadow-sm: 0 1px 2px rgba(46,33,24,.06), 0 3px 10px rgba(46,33,24,.05);
    --shadow-md: 0 2px 6px rgba(46,33,24,.10), 0 12px 30px rgba(46,33,24,.10);
    --shadow-lg: 0 8px 18px rgba(46,33,24,.14), 0 28px 60px rgba(46,33,24,.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 ginger + green atmosphere (no turtle scute field) */
    background-image:
        radial-gradient(ellipse 70% 55% at 50% -10%, rgba(224,131,43,.28) 0%, transparent 60%),
        radial-gradient(ellipse 55% 45% at 100% 100%, rgba(58,142,58,.12) 0%, transparent 55%);
    background-attachment: fixed, fixed;
}