/**
 * Ableten Design Tokens
 * Source of truth — copy into each deploy target (extension, webapp, landing).
 */
:root {
    /* Brand */
    --ableten-mint: #EDFFE3;
    --ableten-lavender: #D4D2FD;
    --ableten-lavender-hover: #C4C2ED;
    --ableten-lavender-muted: #F0F0FF;

    /* Ink & neutrals */
    --ableten-ink: #333;
    --ableten-ink-muted: #666666;
    --ableten-ink-subtle: #444444;
    --ableten-border: #6b6794;
    --ableten-border-neutral: #dddddd;
    --ableten-border-mint: #b5d9a3;
    --ableten-border-lavender: #b0ace8;

    /* Surfaces */
    --ableten-surface: #ffffff;
    --ableten-surface-muted: #f5f5f5;
    --ableten-surface-warm: #faf9f7;

    /* Tactile button shadows */
    --ableten-shadow-lavender: #9a96d4;
    --ableten-shadow-mint: #b5d9a3;
    --ableten-shadow-white: #c5c2e4;

    /* Toast bars (undo, link copied) */
    --ableten-toast-bar-bg: #333;
    --ableten-toast-bar-text: #ffffff;
    --ableten-link: #4285f4;
    --ableten-link-hover: #3367d6;
    --ableten-error: #c62828;
    --ableten-error-bg: #ffebee;
    --ableten-error-border: #ef9a9a;
    --ableten-success-bg: var(--ableten-mint);
    --ableten-success-border: var(--ableten-border-mint);
    --ableten-info-bg: var(--ableten-lavender-muted);
    --ableten-info-border: var(--ableten-border-lavender);

    /* Typography */
    --ableten-font: 'IBM Plex Mono', monospace;

    /* Radius */
    --ableten-radius-sm: 3px;
    --ableten-radius-md: 5px;
    --ableten-radius-lg: 6px;
    --ableten-radius-xl: 8px;

    /* Legacy aliases (landing + oauth pages) */
    --primary-green: var(--ableten-mint);
    --text-color: var(--ableten-ink);
    --font-family: var(--ableten-font);
}