/**
 * Copyright © 2023–2026 HoopFrog Inc. All rights reserved.
 * LacusCor™ and LacusCor™ are brands of HoopFrog Inc.
 * (Trademark Application No. 2374073 — CIPO)
 * HoopFrog Inc. — Federal Corp. No. 1467452-9 | Alberta CAN 2126911664
 *
 * PROPRIETARY AND CONFIDENTIAL
 * This file contains trade secrets and proprietary information of HoopFrog Inc.,
 * including but not limited to anti-ghosting processes and matching algorithms.
 * Unauthorized copying, modification, distribution, disclosure, or use of this
 * file or its contents, in whole or in part, via any medium, is strictly
 * prohibited without the express written consent of HoopFrog Inc.
 */
/**
 * LacusCor — Design Tokens  /public/css/tokens.css
 *
 * Single source of truth for brand colors, typography, spacing, and
 * motion. All pages import this file and map tokens to their local
 * --primary / --bg / etc. shorthand variables.
 *
 * U1 fix: eliminates the per-page :root drift identified in the
 * March 2026 platform audit (index #FF6B9D vs dashboard #E91E63).
 *
 * Token namespacing:  --lc-*  (never collides with page-local vars)
 * Dark mode tokens:   --lc-dark-*  (used by dark-mode.css)
 */

:root {

    /* ── Brand Colours ─────────────────────────────────────────────────────── */
    /* Primary: dashboard / app chrome — deeper magenta */
    --lc-primary:        #E91E63;
    --lc-primary-light:  #F06292;
    --lc-primary-dark:   #880E4F;
    --lc-primary-deep:   #C23669;

    /* Index / landing — lighter pink (warmer, aspirational) */
    --lc-primary-index:  #FF6B9D;
    --lc-accent-index:   #FFA8C5;

    /* Accent & utility */
    --lc-accent:         #FF5252;
    --lc-gold:           #FFB300;
    --lc-success:        #4CAF50;
    --lc-error:          #F44336;
    --lc-warning:        #FF9800;

    /* Cookie-banner accent (softer pink, visible in light + dark) */
    --lc-accent-cookie:  #FF6B9D;

    /* ── Neutral Palette ────────────────────────────────────────────────────── */
    --lc-white:          #FFFFFF;
    --lc-text:           #2D2D2D;
    --lc-text-secondary: #6B6B6B;
    --lc-text-light:     #777777;
    --lc-border:         #EDE7E0;
    --lc-border-light:   #F0F0F0;

    /* Page backgrounds */
    --lc-bg-index:       #FFFBFD;  /* landing page — warm white */
    --lc-bg-dashboard:   #FAF5F0;  /* dashboard — warm cream */
    --lc-surface-index:  #FFF5F8;
    --lc-card:           #FFFFFF;

    /* ── Dark Mode Palette ──────────────────────────────────────────────────── */
    --lc-dark-bg:        #1A1A2E;
    --lc-dark-surface:   #16162A;
    --lc-dark-card:      #222240;
    --lc-dark-raised:    #2A2A48;
    --lc-dark-border:    #333355;
    --lc-dark-border-hi: #444466;
    --lc-dark-text:      #E8E8EF;
    --lc-dark-text-dim:  #C8C8D8;

    /* ── Typography ─────────────────────────────────────────────────────────── */
    --lc-font-display:   'Outfit', 'DM Sans', -apple-system, BlinkMacSystemFont, sans-serif;
    --lc-font-body:      'Outfit', 'DM Sans', -apple-system, BlinkMacSystemFont, sans-serif;

    /* ── Border Radius ──────────────────────────────────────────────────────── */
    --lc-radius-sm:      8px;
    --lc-radius:         14px;    /* default — matches index */
    --lc-radius-md:      16px;   /* dashboard panels */
    --lc-radius-lg:      24px;
    --lc-radius-pill:    999px;

    /* ── Shadows ────────────────────────────────────────────────────────────── */
    --lc-shadow-sm:      0 2px 8px  rgba(0, 0, 0, 0.06);
    --lc-shadow-md:      0 4px 20px rgba(0, 0, 0, 0.08);
    --lc-shadow-lg:      0 12px 40px rgba(0, 0, 0, 0.12);

    /* Brand-tinted shadows (index page) */
    --lc-shadow-soft:    0 4px 24px  rgba(194, 54, 105, 0.08);
    --lc-shadow-card:    0 8px 40px  rgba(194, 54, 105, 0.12);
    --lc-shadow-glow:    0 0 60px    rgba(255, 107, 157, 0.20);

    /* ── Motion ─────────────────────────────────────────────────────────────── */
    --lc-transition:     0.3s cubic-bezier(0.4, 0, 0.2, 1);
    --lc-transition-fast: 0.15s ease;
}