/*
 * Rackfront Default theme — re-declares the baseline --rf-* values shipped
 * in resources/css/app.css. This file exists so the @themeTokens directive
 * has something concrete to link to; overriding values here cascades to
 * every component without rebuilding.
 *
 * To create a derivative theme, copy this file into resources/themes/<slug>/
 * and change any subset of the variables below.
 */
:root {
    /* Brand — Rackfront purple */
    --rf-color-brand-50:  #F5F3FF;
    --rf-color-brand-100: #EDE9FE;
    --rf-color-brand-200: #DDD6FE;
    --rf-color-brand-300: #C4B5FD;
    --rf-color-brand-400: #A78BFA;
    --rf-color-brand-500: #8B5CF6;
    --rf-color-brand-600: #7C3AED;
    --rf-color-brand-700: #6D28D9;
    --rf-color-brand-800: #5B21B6;
    --rf-color-brand-900: #4C1D95;

    --rf-color-bg:       #F8FAFC;
    --rf-color-surface:  #FFFFFF;
    --rf-color-text:     #0F172A;
    --rf-color-muted:    #64748B;
    --rf-color-border:   #E2E8F0;

    --rf-radius-card:   1rem;
    --rf-radius-button: 0.625rem;
    --rf-shadow-card: 0 12px 28px -12px rgb(124 58 237 / 0.18);
}