/* FT30 — Theme Variables
   @created 2026-04-15
   Single source of truth for all color/theme values.
   Load BEFORE ft26.css in layout.tpl.
   To rebrand: edit this file only. */

:root {
    /* ══════════════════════════════════════════════
       Base palette — high contrast, readable
       ══════════════════════════════════════════════ */
    --ft-primary:        #1abc9c;
    --ft-primary-dark:   #16a085;
    --ft-dark:           #2c3e50;
    --ft-dark-deep:      #1a252f;
    --ft-bg:             #f5f5f5;
    --ft-card-bg:        #ffffff;
    --ft-text:           #222222;
    --ft-text-light:     #333333;
    --ft-text-muted:     #555555;
    --ft-text-on-dark:   #ffffff;
    --ft-text-on-dark-2: #ecf0f1;
    --ft-text-inactive:  #95a5a6;
    --ft-link:           #1abc9c;
    --ft-border:         #eee;
    --ft-border-mid:     #ccc;
    --ft-hover-light:    rgba(255,255,255,0.08);
    --ft-hover-dark:     rgba(0,0,0,0.15);

    /* ══════════════════════════════════════════════
       Status colors
       ══════════════════════════════════════════════ */
    --ft-success:        #27ae60;
    --ft-warning:        #f39c12;
    --ft-error:          #e74c3c;
    --ft-info:           #3498db;

    /* ══════════════════════════════════════════════
       Gender / person
       ══════════════════════════════════════════════ */
    --ft-male:           deepskyblue;
    --ft-female:         deeppink;
    --ft-male-dead:      #b0cfe0;
    --ft-female-dead:    #e0b0c0;
    --ft-male-bg:        #e3f2fd;
    --ft-female-bg:      #fce4ec;
    --ft-male-dead-bg:   #eceff1;
    --ft-female-dead-bg: #fafafa;

    /* ══════════════════════════════════════════════
       Relationship
       ══════════════════════════════════════════════ */
    --ft-ring:           #e91e63;
    --ft-ring-ended:     #999;

    /* ══════════════════════════════════════════════
       Generation bars (tree view)
       ══════════════════════════════════════════════ */
    --ft-gen1:           #4caf50;    /* children — green */
    --ft-gen2:           #e53935;    /* grandchildren — red */
    --ft-gen3:           #795548;    /* great-grandchildren — brown */
    --ft-gen4:           #9c27b0;    /* 4th gen — purple */
    --ft-gen5:           #4a148c;    /* 5th gen — deep purple */
    --ft-gen6:           #1a237e;    /* 6th gen — indigo */
    --ft-gen7:           #004d40;    /* 7th gen — dark teal */

    /* ══════════════════════════════════════════════
       Event badges — by subject, then period
       ══════════════════════════════════════════════ */

    /* Birthdays (living) */
    --ev-bday-today-bg:   #FFC107;  --ev-bday-today-fg:   #000;
    --ev-bday-recent-bg:  #FFF9C4;  --ev-bday-recent-fg:  #000;
    --ev-bday-soon-bg:    #03A9F4;  --ev-bday-soon-fg:    #fff;

    /* Commemorations (deceased birthdays) */
    --ev-memo-today-bg:   #FF9800;  --ev-memo-today-fg:   #fff;
    --ev-memo-recent-bg:  #FFE0B2;  --ev-memo-recent-fg:  #000;
    --ev-memo-soon-bg:    #9E9E9E;  --ev-memo-soon-fg:    #fff;

    /* Anniversaries */
    --ev-anniv-today-bg:  #D32F2F;  --ev-anniv-today-fg:  #fff;
    --ev-anniv-recent-bg: #F8BBD0;  --ev-anniv-recent-fg: #000;
    --ev-anniv-soon-bg:   #CFB53B;  --ev-anniv-soon-fg:   #fff;

    /* Yahrzeits (יום השנה לפטירה) */
    --ev-yahr-today-bg:   #5D4037;  --ev-yahr-today-fg:   #fff;
    --ev-yahr-recent-bg:  #EEEEEE;  --ev-yahr-recent-fg:  #000;
    --ev-yahr-soon-bg:    #3F51B5;  --ev-yahr-soon-fg:    #fff;

    /* ══════════════════════════════════════════════
       Typography
       ══════════════════════════════════════════════ */
    --ft-font:           Arial, Helvetica, sans-serif;
    --ft-font-size:      16px;
    --ft-border-radius:  12px;
}

[v-cloak] { display: none !important; }