/* Generated from the canonical Desktop theme tokens. */
:root {
    /* -- Background Layers ------------------------------------------------- */
    --fn-bg-base:        #0d1117;
    --fn-bg-surface:     #161b22;
    --fn-bg-surface-2:   #1c2128;
    --fn-bg-surface-3:   #21262d;
    --fn-bg-overlay:     #2d333b;
    --fn-bg-inset:       #010409;

    /* -- Accent (Fox Orange) ---------------------------------------------- */
    --fn-accent:         #f97316;
    --fn-accent-hover:   #fb923c;
    /* Filled actions need a deeper orange for readable white labels. */
    --fn-action-bg:      #c2410c;
    --fn-action-hover:   #b83b0b;
    --fn-action-text:    #ffffff;
    --fn-accent-muted:   #ea580c;
    --fn-accent-subtle:  rgba(249, 115, 22, 0.15);
    --fn-accent-wash:    rgba(249, 115, 22, 0.08);
    --fn-accent-glow:    rgba(249, 115, 22, 0.4);
    --fn-accent-gradient: linear-gradient(135deg, #f97316 0%, #fb923c 50%, #f59e0b 100%);
    --fn-accent-gradient-hover: linear-gradient(135deg, #fb923c 0%, #f97316 50%, #ea580c 100%);

    /* -- Text ------------------------------------------------------------- */
    --fn-text-bright:    #f0f6fc;
    --fn-text-primary:   #e6edf3;
    --fn-text-secondary: #c9d1d9;
    --fn-text-muted:     #8b949e;
    --fn-text-disabled:  #484f58;
    --fn-text-link:      #58a6ff;
    --fn-text-on-accent: #ffffff;

    /* -- Borders ---------------------------------------------------------- */
    --fn-border:         #30363d;
    --fn-border-muted:   #21262d;
    --fn-border-emphasis: #484f58;
    --fn-border-accent:  rgba(249, 115, 22, 0.4);

    /* -- Status / Semantic ------------------------------------------------- */
    --fn-success:        #3fb950;
    --fn-success-subtle: rgba(63, 185, 80, 0.15);
    --fn-success-emphasis:#238636;
    --fn-warning:        #d29922;
    --fn-warning-subtle: rgba(210, 153, 34, 0.15);
    --fn-warning-emphasis:#9e6a03;
    --fn-error:          #f85149;
    --fn-error-subtle:   rgba(248, 81, 73, 0.15);
    --fn-error-emphasis: #da3633;
    --fn-info:           #58a6ff;
    --fn-info-subtle:    rgba(88, 166, 255, 0.15);
    --fn-info-emphasis:  #1f6feb;

    /* -- Shadows ---------------------------------------------------------- */
    --fn-shadow-sm:      0 1px 2px rgba(0, 0, 0, 0.3);
    --fn-shadow-md:      0 3px 6px rgba(0, 0, 0, 0.4), 0 1px 3px rgba(0, 0, 0, 0.3);
    --fn-shadow-lg:      0 8px 24px rgba(0, 0, 0, 0.5);
    --fn-shadow-xl:      0 12px 40px rgba(0, 0, 0, 0.6);
    --fn-shadow-accent:  0 0 20px rgba(249, 115, 22, 0.2);
    --fn-shadow-inset:   inset 0 1px 3px rgba(0, 0, 0, 0.4);

    /* -- Radius ----------------------------------------------------------- */
    --fn-radius-sm:      4px;
    --fn-radius-md:      6px;
    --fn-radius-lg:      8px;
    --fn-radius-xl:      12px;
    --fn-radius-2xl:     16px;
    --fn-radius-full:    9999px;

    /* -- Spacing ---------------------------------------------------------- */
    --fn-space-xs:       4px;
    --fn-space-sm:       8px;
    --fn-space-md:       12px;
    --fn-space-lg:       16px;
    --fn-space-xl:       24px;
    --fn-space-2xl:      32px;
    --fn-space-3xl:      48px;

    /* -- Typography ------------------------------------------------------- */
    --fn-font-family:    -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans", Helvetica, Arial, sans-serif;
    --fn-font-mono:      "Cascadia Code", "Fira Code", "JetBrains Mono", Consolas, monospace;
    --fn-font-size-xs:   11px;
    --fn-font-size-sm:   12px;
    --fn-font-size-base: 14px;
    --fn-font-size-md:   16px;
    --fn-font-size-lg:   20px;
    --fn-font-size-xl:   24px;
    --fn-font-size-2xl:  32px;
    --fn-weight-normal:  400;
    --fn-weight-medium:  500;
    --fn-weight-semibold:600;
    --fn-weight-bold:    700;
    --fn-line-height:    1.5;
    --fn-line-height-tight: 1.25;

    /* -- Transitions ------------------------------------------------------ */
    --fn-transition-fast:   150ms cubic-bezier(0.4, 0, 0.2, 1);
    --fn-transition-base:   200ms cubic-bezier(0.4, 0, 0.2, 1);
    --fn-transition-slow:   300ms cubic-bezier(0.4, 0, 0.2, 1);
    --fn-transition-spring:  400ms cubic-bezier(0.34, 1.56, 0.64, 1);

    /* -- Z-Index ---------------------------------------------------------- */
    --fn-z-base:         1;
    --fn-z-dropdown:     100;
    --fn-z-sticky:       200;
    --fn-z-overlay:      500;
    --fn-z-modal:        1000;
    --fn-z-toast:        1500;
    --fn-z-tooltip:      2000;

    /* -- Layout ----------------------------------------------------------- */
    --fn-sidebar-width:       240px;
    --fn-sidebar-collapsed:   60px;
    --fn-header-height:       48px;
}
:root[data-theme="light"] {
    --fn-bg-base: #f7f7f5;
    --fn-bg-surface: #ffffff;
    --fn-bg-surface-2: #f0f1ee;
    --fn-bg-surface-3: #e8eae6;
    --fn-bg-overlay: #ffffff;
    --fn-bg-inset: #ffffff;
    --fn-accent: #b95622;
    --fn-accent-hover: #97461e;
    --fn-accent-muted: #97461e;
    --fn-action-bg: #ef8746;
    --fn-action-hover: #e97936;
    --fn-action-text: #29241f;
    --fn-selection-bg: #fff1e6;
    --fn-accent-subtle: rgba(194,65,12,.12);
    --fn-accent-wash: rgba(194,65,12,.07);
    --fn-accent-glow: rgba(194,65,12,.18);
    --fn-accent-gradient: linear-gradient(135deg,#c2410c,#9a3412);
    --fn-accent-gradient-hover: linear-gradient(135deg,#9a3412,#c2410c);
    --fn-text-bright: #282b29;
    --fn-text-primary: #343835;
    --fn-text-secondary: #555d57;
    --fn-text-muted: #68716a;
    --fn-text-disabled: #8995a6;
    --fn-text-link: #486a78;
    --fn-text-on-accent: #ffffff;
    --fn-border: #dfe3dc;
    --fn-border-muted: #ebeee8;
    --fn-border-emphasis: #b5beb3;
    --fn-border-accent: rgba(194,65,12,.4);
    --fn-success: #3c704b;
    --fn-success-subtle: rgba(25,115,58,.1);
    --fn-success-emphasis: #3c704b;
    --fn-warning: #8a5b00;
    --fn-warning-subtle: rgba(138,91,0,.1);
    --fn-warning-emphasis: #8a5b00;
    --fn-error: #bb252b;
    --fn-error-subtle: rgba(187,37,43,.09);
    --fn-error-emphasis: #bb252b;
    --fn-info: #486a78;
    --fn-info-subtle: rgba(72,106,120,.07);
    --fn-info-emphasis: #486a78;
    --fn-shadow-sm: 0 1px 2px rgba(24,40,60,.06);
    --fn-shadow-md: 0 3px 8px rgba(24,40,60,.08);
    --fn-shadow-lg: 0 8px 24px rgba(24,40,60,.12);
    --fn-shadow-xl: 0 12px 40px rgba(24,40,60,.16);
    --fn-shadow-inset: inset 0 1px 3px rgba(24,40,60,.06);
}