/*
 * MateriaNode — Branch Theme Tokens
 *
 * Palette: deep teal + lighter cyan + cream, derived from the logo strokes
 * and the layout mock at docs/concept/ui-img/materiaNode_layout.png.
 *
 * Sampled values:
 *   - Front hexagon stroke (dark teal): #0F404E
 *   - Back hexagon stroke (lighter cyan): #95BFBD
 *   - Card cream from logo concept board: #F2F1ED
 *
 * Only tokens that differ from Engine defaults are overridden; everything
 * else inherits from src/core/resources/css/app.css.
 */
:root:root {
    /* Page / canvas */
    --color-background: 242 241 237;          /* cream #F2F1ED */
    --color-foreground: 14 27 34;             /* deep slate-teal #0E1B22 */

    /* Brand — deep teal */
    --color-brand: 15 64 78;                  /* #0F404E */
    --color-brand-hover: 10 47 58;            /* #0A2F3A */
    --color-brand-active: 8 37 48;            /* #082530 */
    --color-brand-muted: 74 119 135;          /* #4A7787 */
    --color-brand-subtle: 220 233 233;        /* #DCE9E9 */
    --color-brand-foreground: 255 255 255;

    /* Accent — lighter cyan from the back hexagon */
    --color-accent: 93 169 166;               /* #5DA9A6 */
    --color-accent-hover: 77 140 138;         /* #4D8C8A */
    --color-accent-subtle: 224 239 238;       /* #E0EFEE */
    --color-accent-foreground: 255 255 255;

    /* Surfaces */
    --color-card: 255 255 255;                /* white cards on cream bg */
    --color-card-foreground: 14 27 34;
    --color-surface-raised: 255 255 255;

    /* Subdued */
    --color-muted: 232 231 226;               /* slightly darker cream */
    --color-muted-foreground: 90 107 114;     /* #5A6B72 */

    /* Borders */
    --color-border: 212 221 220;              /* pale teal-gray #D4DDDC */
    --color-border-strong: 168 186 187;       /* #A8BABB */

    /* Footer — same family as brand-active, ties the page together */
    --color-footer: 8 37 48;                  /* #082530 */
    --color-footer-foreground: 220 233 233;   /* same as brand-subtle */

    /* Radii — slightly tighter than engine for a more industrial feel */
    --radius-brand: 0.25rem;                  /* rounded-sm */
    --radius-card: 0.375rem;                  /* rounded-md */
}