:root {
    /* Colors */
    --color-accent: #ff3366;
    --color-accent-dark: #ff3366;

    --color-background-primary: #ffffff;
    --color-background-primary-dark: #000000;
    --color-background-secondary: #f5f5f5;
    --color-background-secondary-dark: #1e1e1e;
    --color-background-muted: #fdfdfd;
    --color-background-muted-dark: #2a2a2a;

    --color-text-primary: #333333;
    --color-text-primary-dark: #e0e0e0;
    --color-text-secondary: #666666;
    --color-text-secondary-dark: #fefefe;

    --color-link: #2f2f2f;
    --color-link-dark: #e1e1e1;
    --color-border: #e0e0e0;
    --color-border-dark: #c8c7c7;

    /* Sizing */
    --breakpoint-sm: 576px;
    --breakpoint-md: 768px;
    --breakpoint-lg: 992px;
    --sizing-xs: 4px;
    --sizing-sm: 8px;
    --sizing-md: 16px;
    --sizing-lg: 32px;
    --sizing-container: 1200px;

    /* General */
    --font-size: .875rem;
    --border-width: 1px;
    --font-family: ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;
    --font-family-serif: ui-serif,Georgia,Cambria,Times New Roman,Times,serif;

    /* Alerts */
    --color-action-success-background: #a3ecab;
    --color-action-success-background-dark: #38523b;
    --color-action-success-text: #436147;
    --color-action-success-text-dark: #8bc893;
    --color-action-success-border: #8dce95;
    --color-action-success-border-dark: #56725a;
    --color-action-error-background: #f8d7da;
    --color-action-error-background-dark: #7a5356;
    --color-action-error-text: #721c24;
    --color-action-error-text-dark: #cc4f5c;
    --color-action-error-border: #f5c6cb;
    --color-action-error-border-dark: #9d7276;
  }